Bookmarks…
See also: Responsive Web Design, HTML5, graphic design.
Capabilities, showcases
- The Web Can Do That!? | Google IO 2012
- HTML5 Please: Use the new and shiny responsibly
- CSS1K
- A Whole Bunch of Amazing Stuff Pseudo Elements Can Do | CSS-Tricks
- Powerful New CSS- and JavaScript-Techniques (2012 Edition) | Smashing Coding
- CSS 101: interactive tutorial
- Stylish, Greasemonkey, Stylebot…
- Top 100 Useful And Detailed CSS3 Tutorials And Techniques: eclectic, maybe useful.
- HTML5 Rocks – A resource for open web HTML5 developers
- HTML5 and CSS3 – Adobe – The Expressive Web – Beta
Reference documentation
- DocHub | Instant Documentation Search
- CSS Values | CSS Reference, Properties and Values, CSS3
- CSS3 Click Chart | CSS3 Browser Support and Information
- Learn CSS Selectors interactively
- CSS Cascading and Inheritance Level 3 (W3C TR)
- CSS Color Module Level 3 (W3C TR, 2011-06)
- CSS Reference – CSS | MDN (Mozilla)
- CSS Selectors Level 3 – A Quick Reference
- HTML5 Please: Use the new and shiny responsibly
- Can I use… Support tables for HTML5, CSS3, etc
Architecture, guidelines
- CSS Architecture | Appfolio Engineering
- csswizardry/CSS-Guidelines
- Building A Relationship Between CSS & JavaScript | Smashing Coding
- Code smells in CSS | CSS Wizardry by Harry Roberts
- Scalable and Modular Architecture for CSS (SMACSS): style guide, commercial e-book.
- Object Oriented CSS (OOCSS) Wiki; more from stubbornella (Nicole Sullivan).
- Stubbornella » Blog Archive » Scope donuts: about the HTML5
scoped
attribute. - BEM: The Block, Element, Modifier Approach To Decoupling HTML And CSS | Van SEO Design
- Normalize.css: Make browsers render all elements more consistently
- CSS Lint; but then CSS Lint is harmful | Matt Wilcox .net
- How To Develop Scalable And Maintainable CSS | Van SEO Design
Box model, flex box, layout
- The CSS3 Flex Box Specification | InsertHTML
- Six CSS Layout Features To Look Forward To | Smashing Coding
- The future of CSS layouts | Feature | .net magazine
- * { box-sizing: border-box } FTW « Paul Irish
- Stop Floating Around :: Arieh.co.il
- CSS3 Flexible Box Layout Explained | Smashing Coding
- Flexible Web Design: Creating Liquid and Elastic Layouts with CSS | A book by Zoe Mickley Gillenwater
- Flexie
- Layouts/Templates | CSS-Tricks
- “Old” Flexbox and “New” Flexbox | CSS-Tricks
- CSS3 Flexbox Explorer
- CSS Flexbox Please!
- NEW Flexbox: Fluid-Fixed-Fluid · CodePen
- Vertical reordering in CSS | Fit to Page
Clearfix
- A new micro clearfix hack – Nicolas Gallagher
- Clearing a float container without source markup
- Force Element To Self-Clear its Children | CSS-Tricks
- CSS: Clearing Floats with Overflow
Columns
- An (Almost) Complete Guide to CSS3 Multi-column Layouts | kmsm
- CSS Multi-column Layout Module
- CSS3 column-count property
Dropdown
- Superfish – Suckerfish on ‘roids
- Janko At Warp Speed | Reinventing a Drop Down with CSS and jQuery
- Creating a pure CSS dropdown menu — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
- Simple jQuery Dropdowns | CSS-Tricks
- 38 jQuery And CSS Drop Down Multi Level Menu Solutions
- hoverIntent jQuery Plug-in; hoverIntent | jQuery Plugins
Preprocessors
- SASS vs. LESS | CSS-Tricks
- Sass – Syntactically Awesome Stylesheets
- Css2Less, and css2sass | Convert CSS Snippets to Syntactically Awesome StyleSheets code
- Mastering Sass: Lesson 3 | Nettuts+
- Sass/Less Comparison (updated 2011-02-09) — Gist
- Sass vs. Stylus: Who Wins the Minimal Syntax Battle? | Design Shack
- Stylus, LearnBoost/stylus
- Sass Layout in 2013 and the Future of Susy | OddBird
- Pure
- Home – inuit.css – a powerful, scalable, Sass-based, BEM, OOCSS framework
- LearnBoost/juice
- nib – CSS3 extensions for Stylus
- LESS Elements: a collection of useful LESS mixins
Typography
- Font Sizing with REM | CSS-Tricks
- Viewport Sized Typography | CSS-Tricks
- Typo.css library – Easy CSS typography
Misc. [mess to sort]
- New CSS And jQuery Tutorials For Newbie Web Designers And Not Only
- CSS – text-overflow
- CSS break-inside
- Flash of unstyled content – Wikipedia, the free encyclopedia
…