CSS Guidelines¶
How to Start¶
Learning Resources¶
-
CSS Diner – Interactive gamified tutorial for learning selection with CSS.
-
CSS 101 – Detailed interactive tutorial with a lot of additional information (e.g. spec excerpts).
-
CSS Grid PlayGround - Simple tutorial to learn CSS Grid from Mozilla.
-
Community Curated CSS Resources - Top Recommended Resources.
Setup¶
- Create a web page and debug using your browser
Coding Style¶
- CSS Guidelines - High-level advice and guidelines for writing sane, manageable, scalable CSS
Linters¶
- We recommend PostCSS - a tool for transforming CSS with JavaScript. It can lint the CSS too.
Stay Updated¶
-
Andrey Sitnik - Author of @Autoprefixer, and @PostCSS.
-
Adam Morse - Advocate for users and open-source.
-
CSS Commits - Latest commits to @CSSWG’s public Mercurial repository.
-
Nicolas Gallagher - Software Engineer at @twitter.
-
Harry Roberts- Consultant Front-end Architect: @google, @Etsy, @kickstarter, @BBC, @Deloitte, @FT, more.
-
Lea Verou - Research Assistant @MIT_CSAIL, @CSSWG IE, @OReillyMedia author, Ex @W3C staff.
-
Chris Coyier - Designer @CodePen. Writer @Real_CSS_Tricks.
-
Eric Bidelman - Engineer at Google working on Chrome, web components, and Polymer.
-
Dave McFarland - Web developer, author of CSS: The Missing Manual, JavaScript & jQuery.
-
L. David Baron - Mozilla developer, CSS and W3C standards diplomat.
-
Daniel GlazmanW3C CSS Working Group Co-chairman
-
Natalie Weizenbaum - Lead designer/developer of @SassCSS, working for @google on @dart_lang.
-
Mark Otto - GitHub and Bootstrap. Formerly at Twitter
-
Remy Sharp - All about CSS sizing units.
-
Rachel Andrew - CSS Working Group Invited Expert.
Recommendations (books, links, packages, etc.)¶
-
Awesome CSS - A curated content of CSS related projects
-
CSS Secrets – Better Solutions to Everyday Web Design Problems
-
CSS: The Missing Manual – Really Helpful in Advancing your Design Skills to a whole new Level