Sticky floating sidebar with pure CSS

In this short post I will show you how to make a floating but sticky elements on a side bar. The element is sticky to the bottom of the screen, but when content is scrolled then the upcoming header or footer element gets precedense and moves the sticky element around. See how it behaves on an animation.

By Mirek on (tags: css, flex, HTML, sidebar, sticky, categories: code, web)

Where to learn CSS3

For those who start their adventure with web developing, especially with cascading style sheets, or those who want to catch up on what is new in CSS3, there are couple of resources you might find quite useful and reach.

By Mirek on (tags: css, categories: web)

REMs

REMs – the new hotness in css.

By on (tags: css, categories: tools, web)

CSS grids, frameworks and boilerplates

I thought it’s about time to pick a ‘favorite’ css grid (not framework nor boilerplate). I’ve used the grid from foundation (version 3) a couple of times and I liked it, but I figured that it should be worth the while to look what else is there – turns out, quite a lot.

By on (tags: css, grid, categories: tools, web)

CSS Preprocessors – Sass, Less, Stylus

CSS has been around for a while and will stay for a while longer and although I think it’s a good and working ‘language’ it has a few pitfalls – the biggest one being the lack of ability to reuse certain parts. Take colors for example, when you want to style a site you need to repeat the color declaration everywhere you want to set it, so when you change your mind, the only way to implement the changes is search and replace. Now that’s not that bad when you have a small site and one css file, but when the number of files grows, that problem grows along. So what can we do?

By on (tags: css, less, sass, stylus, categories: code, web)