We've come a long way from completely hand-written CSS to generated CSS via pre-processors. In the early days, I tried to avoid pre-processors. The idea that a tool will generate CSS for you was discouraging. But eventually, the advantages provided by them proved to be much more useful in a big project, and I adopted LESS, then switched to Sass. But I was trapped in the convenience provided by Sass. I did things I shouldn't have done, like nesting.
It's always fascinating to see how much of the tasks you can automate. It feels good to save those few extra keystrokes. If you work in a
nodejsenvironment, you are probably using
bowerfor dependency management, and
jshintfor code quality. But still, you've to run
bower installmanually each time the dependencies change. Same with
jshinttoo. Many developers don't bother about
jshintand just push code which doesn't validate. There must be a way to enforce this. Don't ya wish?
Coding guidelines, there are numerous of them. Everyone prefers a different coding style. After all, it comes down to personal preference, right? One of such practices is the omission of curly braces. It's everywhere, even SASS has a syntax which doesn't have curly braces!
Color is an integral part of design. Colors help designers express the mood and the emotions in their designs, so it is very important to get them right. However this is much easier said than done. Alas, it is not as easy as pushing an elevator button and getting a Sugar-babes member lapdancing fo you, it is much more or a wibbly-wobbly timey-wimey stuff.
If anyone used Grunt, he/she would know how much time it could save. I loved Grunt so much until I came across Gulp, a faster and better task runner, which uses file streams making it faster. Browserify is an awesome tool that let's us
gulp-browserifyplugin is no longer maintained, as it doesn't provide any extra functionailty over browserify. We would need to write code to use Browserify in gulp. Let's see how.
For past days, I'm avoiding jQuery animate like crazy, and try to use CSS3 animations and transitions wherever possible. Reason? CSS3 animations and transitions usually give a higher frame rate than jQuery animations and feel much smoother.