dotCSS 2014
who it's for
front-end developers, css developers, ui designers, design systems engineers, build tooling engineers, engineering managers
topics
component-based CSS (Suit CSS); webpack CSS bundling; PostCSS plugin ecosystem; BEM linting and style boundaries; Sass authoring and SassDoc; autoprefixer and rem postprocessing; pure-CSS interactive widgets (:checked techniques); CSSNext custom properties; :matches and selector enhancements; color() function for color control; Sass-based design referential and helpers; typographic punctuation and indexing rules
| title | author | length |
|---|---|---|
| Thinking beyond “Scalable CSS” | Nicolas Gallagher | 17m |
Argues that “scalable CSS” alone fails; Twitter redefines the unit of scale as a self‑contained UI component that bundles HTML CSS JS templates tests and… | ||
| Keep Calm and Write Sass | Kitty Giraudel | 15m |
Gives concrete rules: avoid deep selector nesting, keep small, readable APIs, and don’t reimplement postprocessing (use an autoprefixer and a rem tool instead… | ||
| Functionality in CSS | Gregor Adams | 04m |
Claim: a drawable pixel grid lives entirely in CSS. It wires radio buttons to on-screen controls using labels with for so off-DOM inputs toggle state, uses the… | ||
| Back to the CSS | Maxime Thirouin | 04m |
A project called CSSNext provides a spec and PostCSS plugin set that compiles upcoming CSS features into today browsers, with version 1.0 released and a 0.5… | ||
| Bridging the gap between developers and designers | Kaelig Deloumeau-Prigent | 15m |
The team encodes the design system into code: a color and typography referential and grid and breakpoint helpers written in Sass so designers can say… | ||
| 10 Principles for effective Front-end Development | Harry Roberts | 17m |
Ten concrete principles: favor the simplest option and reduce moving parts, quantify cost versus value, pick pragmatic over perfect, and think at the product… | ||
| A handful of typographic challenges | Bert Bos | 16m |
Three concrete problems: handling quote punctuation placement so commas and dashes sit inside or outside language‑specific quotes; deciding whether adjacent… | ||
| nothing matches | ||