CSSConf US 2013
who it's for
front-end developers, web designers, ui engineers, mobile web developers, performance engineers, css tool authors
topics
Flexbox layout techniques; Sass for subtle design; preprocessor AST transforms; border-radius techniques; Chrome rendering performance; TopCoat UI framework; mobile DOM performance patterns; responsive typography techniques; checkbox-driven CSS interaction; CSS 3D transforms
| title | author | length |
|---|---|---|
| When Bootstrap Attacks | Pamela Fox | 29m |
A migration from multiple Twitter Bootstrap versions into a single Bootstrap 2.1 instance uncovers concrete costs and fixes: three bootstraps across codebases… | ||
| Sweating the Small Stuff: Recreating Subtle Design Details Using Sass | Tim Hettler | 20m |
Claims an automated Photoshop-to-CSS pipeline that reproduces exact layer styles using Sass and Compass, converts Photoshop angle+distance shadow values to X/Y… | ||
| CSS Flexible Box Layout (Flex Box) | Jeff Burtoft | 19m |
Claims that flexbox gives “parental control” over children and that native flex layout performs better than nested CSS or JS; demos use a Brady Bunch GIF demo… | ||
| Abusing Preprocessor ASTs | Alex Sexton | 27m |
Claims that preprocessor ASTs let code-level edits replace fragile regex hacks: actually modifies AST nodes to add global !important, or to remove !important… | ||
| The Humble Border-radius | Lea verou | 35m |
Border-radius accepts up to four corner values and can take a slash to give different horizontal and vertical radii so percentages produce responsive ellipses… | ||
| Jank Busters - Chrome Rendering Performance | Nat Duca, Tom Wiltzius | 31m |
Explains that smoothness comes from fitting work into 16 milliseconds per frame and that jank is caused by unexpected repaints and slow image decodes; shows… | ||
| Meet TopCoat | Kristofer Joseph, Guillermo Torres | 28m |
Claim: Topcoat is a CSS library aimed at fast, installed and web apps and it delivers by design. It uses Stylus, Grunt and GitHub-based component versioning… | ||
| DOMkata: The Dark Art of Mobile Web | Mike Stamm | 29m |
Built a Wall Street Journal mobile site over 18 months that intentionally uses no media queries and one unified stylesheet to render the same on iOS and… | ||
| The Purification of Web Development | Nicolas Gallagher | 33m |
Argues for component-driven CSS: a predictable class scheme (eg SUIT CSS), packaged components via bower packages, and native encapsulation with shadow DOM and… | ||
| Responsive Typography Techniques | Val Head | 37m |
Three concrete techniques and the numbers that make them work: use a typographic scale (modularscale.com) with relative units and a unitless line-height ~1.4… | ||
| Creating Interaction with CSS and Checkboxes | Ryan Seddon | 21m |
Uses the :checked pseudo-class plus input/label pairing to replace JavaScript for specific widgets: custom radios and checkboxes, tree menus, dropdowns… | ||
| 3D All of the Things | Thomas Reynolds | 26m |
CSS 3D actually moves real DOM elements with interactivity intact and is usable on mobile and modern desktop browsers but preserve-3d missing in IE10 collapses… | ||
| nothing matches | ||