Ask any front-end developer, the bane of his existence has to be scripting proper css. And by proper I mean:
-
Site must be responsive and display beautifully in any device
-
Older browsers should be provided with the necessary alternatives in order for an uniform experience
-
Code should be clean and well documented
But wait! There must be tools available to help you! I mean come on you are programmers you literally try to built software that will make your job obsolete . Yes, yes there are! Let me talk a bit about them.
Sass
Sass is a css preprocessor that makes writing clean and well documented css easy. CSS is a monolith that alters its state slowly and through many iterations. With sass you are allowed to write css like it is meant to be: a programming language and not a consecutive set of rules.
Gulp
Gulp is essentially a task manager. You can program it to do certain actions in certain events, like on save minimize my stylesheet (saves server space and response time), look for inconsistencies, reload the browser and so much more. Possibilities are endless and it’s a vastly timesaving device.
Polyfills
Not a tool per se, yet extremely useful. Using them through sass or in a task on gulp makes cross browser css a blast. Instead of having to write down different rules for each browser a well configured polyfil does it for you.
Now I know what you want to say: there must a be a ton more tools out there to help you. Yes there are. But those 3 in my opinion are still an absolute must!
Please share your thoughts and come by www.publisto.com to learn more about us and to contact our team.
Picture credit Jeff Waugh