RICHARD DIECIDUEBY:APRIL 2016

HELPFUL CSS TOOLS FOR FRONT END DEVELOPERS

CSSMATE• CSSMATE HAS BEEN AROUND FOR YEARS, AND

HAS BEEN THE SAVIOR OF MANY DESIGNERS’ SANITIES

!• ITS DEVELOPERS DID STOP UPDATING IT IN

2014 (SO ITS CONTINUED RELEVANCE WILL BE SHORT LIVED) BUT IT’S STILL AN INCREDIBLY HELPFUL TOOL FOR THE TIME BEING !

• WHAT IS IT? • AN ONLINE CSS EDITOR • ALLOWS TESTING OF CSS ELEMENTS • PROVIDES PREVIEWS • GIVES THE CSS CODE NEEDED TO OBTAIN

YOUR PREFERRED OUTCOME

Screenshot via CSSMate

DROP.JS• THE SOLUTION TO YOUR

DROPDOWN MENU STRUGGLES !• DROP.JS PROVIDES AN

ALTERNATIVE TO WRITING RAW HTML/CSS/JS TO CREATE A DROP DOWN MENU (AND OTHER FLOATING DISPLAYS !

• IT’S A JS & CSS LIBRARY THAT’S AVAILABLE ON GITHUB

Screenshot via Drop.js

CSSTIDY• EFFICIENT & CLEAN CODE IS ALWAYS THE

GOAL !

• BECAUSE IT’S POSSIBLE TO WRITE CSS SYNTAX SEVERAL DIFFERENT WAYS, IT’S EASY TO WRITE REDUNDANT CODE !

• CODE REDUNDANCIES & INEFFICIENCIES EASILY TURN INTO HIGH-BANDWITH CODE

!• WHAT IS IT?

• A PARSER THAT COMBS THROUGH YOUR CSS CODE

• ELIMINATES REDUNDANCIES • CAN BE RUN FROM COMMAND LINE • DOESN’T USE REGULAR EXPRESSIONS

Screenshot via CSSTidy

HTTP://RICHARDDIECIDUE.ORG/