CSS

Bookmarks…

See also: Responsive Web Design, HTML5, graphic design.

Capabilities, showcases

  1. The Web Can Do That!? | Google IO 2012
  2. HTML5 Please: Use the new and shiny responsibly
  3. CSS1K
  4. A Whole Bunch of Amazing Stuff Pseudo Elements Can Do | CSS-Tricks
  5. Powerful New CSS- and JavaScript-Techniques (2012 Edition) | Smashing Coding
  6. CSS 101: interactive tutorial
  7. Stylish, Greasemonkey, Stylebot…
  8. Top 100 Useful And Detailed CSS3 Tutorials And Techniques: eclectic, maybe useful.
  9. HTML5 Rocks – A resource for open web HTML5 developers
  10. HTML5 and CSS3 – Adobe – The Expressive Web – Beta

Reference documentation

  1. DocHub | Instant Documentation Search
  2. CSS Values | CSS Reference, Properties and Values, CSS3
  3. CSS3 Click Chart | CSS3 Browser Support and Information
  4. Learn CSS Selectors interactively
  5. CSS Cascading and Inheritance Level 3 (W3C TR)
  6. CSS Color Module Level 3 (W3C TR, 2011-06)
  7. CSS Reference – CSS | MDN (Mozilla)
  8. CSS Selectors Level 3 – A Quick Reference
  9. HTML5 Please: Use the new and shiny responsibly
  10. Can I use… Support tables for HTML5, CSS3, etc

Architecture, guidelines

  1. CSS Architecture | Appfolio Engineering
  2. csswizardry/CSS-Guidelines
  3. Building A Relationship Between CSS & JavaScript | Smashing Coding
  4. Code smells in CSS | CSS Wizardry by Harry Roberts
  5. Scalable and Modular Architecture for CSS (SMACSS): style guide, commercial e-book.
  6. Object Oriented CSS (OOCSS) Wiki; more from stubbornella (Nicole Sullivan).
  7. Stubbornella » Blog Archive » Scope donuts: about the HTML5 scoped attribute.
  8. BEM: The Block, Element, Modifier Approach To Decoupling HTML And CSS | Van SEO Design
  9. Normalize.css: Make browsers render all elements more consistently
  10. CSS Lint; but then CSS Lint is harmful | Matt Wilcox .net
  11. How To Develop Scalable And Maintainable CSS | Van SEO Design

Box model, flex box, layout

  1. The CSS3 Flex Box Specification | InsertHTML
  2. Six CSS Layout Features To Look Forward To | Smashing Coding
  3. The future of CSS layouts | Feature | .net magazine
  4. * { box-sizing: border-box } FTW « Paul Irish
  5. Stop Floating Around :: Arieh.co.il
  6. CSS3 Flexible Box Layout Explained | Smashing Coding
  7. Flexible Web Design: Creating Liquid and Elastic Layouts with CSS | A book by Zoe Mickley Gillenwater
  8. Flexie
  9. Layouts/Templates | CSS-Tricks
  10. “Old” Flexbox and “New” Flexbox | CSS-Tricks
  11. CSS3 Flexbox Explorer
  12. CSS Flexbox Please!
  13. NEW Flexbox: Fluid-Fixed-Fluid · CodePen
  14. Vertical reordering in CSS | Fit to Page

Clearfix

  1. A new micro clearfix hack – Nicolas Gallagher
  2. Clearing a float container without source markup
  3. Force Element To Self-Clear its Children | CSS-Tricks
  4. CSS: Clearing Floats with Overflow

Columns

  1. An (Almost) Complete Guide to CSS3 Multi-column Layouts | kmsm
  2. CSS Multi-column Layout Module
  3. CSS3 column-count property

Dropdown

  1. Superfish – Suckerfish on ‘roids
  2. Janko At Warp Speed | Reinventing a Drop Down with CSS and jQuery
  3. Creating a pure CSS dropdown menu — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
  4. Simple jQuery Dropdowns | CSS-Tricks
  5. 38 jQuery And CSS Drop Down Multi Level Menu Solutions
  6. hoverIntent jQuery Plug-inhoverIntent | jQuery Plugins

Preprocessors

  1. SASS vs. LESS | CSS-Tricks
  2. Sass – Syntactically Awesome Stylesheets
  3. Css2Less, and css2sass | Convert CSS Snippets to Syntactically Awesome StyleSheets code
  4. Mastering Sass: Lesson 3 | Nettuts+
  5. Sass/Less Comparison (updated 2011-02-09) — Gist
  6. Sass vs. Stylus: Who Wins the Minimal Syntax Battle? | Design Shack
  7. StylusLearnBoost/stylus
  8. Sass Layout in 2013 and the Future of Susy | OddBird
  9. Pure
  10. Home – inuit.css – a powerful, scalable, Sass-based, BEM, OOCSS framework
  11. LearnBoost/juice
  12. nib – CSS3 extensions for Stylus
  13. LESS Elements: a collection of useful LESS mixins

Typography

  1. Font Sizing with REM | CSS-Tricks
  2. Viewport Sized Typography | CSS-Tricks
  3. Typo.css library – Easy CSS typography

Misc. [mess to sort]

  1. New CSS And jQuery Tutorials For Newbie Web Designers And Not Only
  2. CSS – text-overflow
  3. CSS break-inside
  4. Flash of unstyled content – Wikipedia, the free encyclopedia



Comments are closed.