CSSConf US 2014
who it's for
frontend developers, web designers, ui engineers, mobile web developers, accessibility specialists, performance engineers, backend developers
topics
style guide driven development; svg styling and animation with css; vertical rhythm and typography; css testing and maintainability; bulletproof icon fonts; mobile css optimization; css and the critical rendering path; color systems and naming in css; 3d transforms and perspective; parallax performance techniques; svg and css integration; keyboard accessibility for web
| title | author | length |
|---|---|---|
| Style Guide Driven Development | Nicole Sullivan | 39m |
Claim: building a live component style guide speeds delivery and tames legacy CSS. Execution: adopt Bootstrap 3 and Hologram, author components first… | ||
| Styling and Animating Scalable Vector Graphics with CSS | Sara Soueidan | 39m |
Notes are concrete not generic: recommends cleaning output with svgo or Peter’s online optimizer, uses the padding hack plus viewBox to make SVGs responsive… | ||
| Embrace the Vertical | Antoine Butler | 31m |
Argues that vertical media queries are practical now and shows two working prototypes: a Wikipedia-style longform adaptation that swaps fonts, centers figures… | ||
| If your CSS is happy and you know it....clap your hands | Christoph Burgmer | 27m |
Screenshots become a practical safety net: install css-critique, capture a reference image, fail the build when pixels move, and accept a new reference when a… | ||
| Bulletproof Icon Fonts | Zach Leatherman | 26m |
Shows that icon fonts need a different strategy than content fonts and gives concrete fixes: browsers trigger a 3‑second timeout (Chrome/Firefox), Safari… | ||
| CSS In Your Pocket - Mobile CSS Tips From The Trenches | Angelina Fabbro | 34m |
Claims that layout belongs in the browser not Photoshop and that you must test early on devices to avoid cruft; shows Firefox Responsive Design View and Chrome… | ||
| CSS and the Critical Path | Patrick Hamann | 28m |
The Guardian reengineers its site, sets a 1000ms budget and measures start render with WebPageTest and SpeedCurve, then inlines critical CSS and asyncs… | ||
| Peachpuffs and Lemonchiffons | Alex Sexton | 26m |
History and evidence: the named web colors come from X10/X11 work starting 1987 with 69 colors then 138 entries, later a patch added 101 grays that became 202… | ||
| What on Earth is Perspective | Eva Ferreira | 21m |
Explains concrete CSS techniques to build 3D effects and what actually changes: use a parent with transform-style:preserve-3d and a numeric perspective:600px… | ||
| Parallax Performance | Paul Irish | 32m |
Diagnoses show paint storms causing 150ms frames and 20–30fps on real sites; replacing background-position/top animations with layer-promoted images and… | ||
| The Circle is (almost) Complete - SVG & CSS | Dudley Storey | 31m |
Practical cookbook of what actually changes exported SVG files and what makes them useful: use Adobe Illustrator with RGB artboard, merge shapes, avoid strokes… | ||
| Three Cheers for Keyboard Accessibility | Marcy Sutton Todd | 31m |
Web pages often look polished but fail keyboard and screen‑reader users: demos hit whitehouse.gov and a Virgin America beta where focus styles are missing and… | ||
| Frontend Meet Backend Get Along | Jonathan Martin | 19m |
Claim: front end and back end can thrive together by actually using Bower for JS, keeping a plain bower.json in project root, adding vendor/assets/components… | ||
| Jenn Schiffer [CSSConfUS2014] | Jenn Schiffer | 11m |
Proposes concrete monetization: create paperwork or a governing body that gates use of !important, charge for z‑index layers so higher stacks cost more, inject… | ||
| nothing matches | ||