CSS Master

(Primo) #1

andJavaScript,youcaneasilyreusethemacrossprojectsorsharethemwithateam.
CSSLint,UnCSS,andCSSOareallavailableasbothGruntandGulpplugins,
makingthemeasiertointegrate.


GettingstartedwithGruntorGulpcanbeintimidating.Luckily,afewdevelopers
havedemystifiedthemboth.GruntnewbiesshouldreadChrisCoyier’s 24 Ways
article,“GruntforPeopleWhoThinkThingsLikeGruntareWeirdandHard.”^11
SitePoint’sCraigBucklerwroteanicetutorialforgettingstartedwithGulp.js.^12


It’sveryeasytobecomeoverwhelmedbytheoptions.Takeapragmaticapproach
tobuildingyourtoolkit.Addtoolsthatyouthinkwillenhanceyourworkflowand
improvethequalityofyouroutput.


Conclusion


Inthischapter,we’velookedatsometoolstohelpyoudiagnose,debug,andoptimize
yourCSS.Inthenextchapter,we’lllookatadvancedlayouttechniques,including
Flexbox.


(^11) http://24ways.org/2013/grunt-is-not-weird-and-hard/
(^12) http://www.sitepoint.com/introduction-gulp-js/
Debugging and Optimization 127

Free download pdf