Recently I stumbled upon a problem that a CSS file was not minified on production in my ASP.NET MVC 5 web application. Moreover the error saying “Minification failed. Returning unminified contents.” was added to the CSS content. It turned out that it’s an old, known issue and in this post I will show you how I fixed it.
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.
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.
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.
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?