dotCSS 2017
who it's for
front-end developers, UI engineers, web designers, design systems engineers, performance engineers, creative coders, technical leads
topics
CSS Grid in production; variable fonts and axes; container queries fallbacks; Media Queries Level 4; CSS-only search engine technique; compiler-to-CSS-and-JS workflows; utility-class architecture; CSS and SVG daily practice; Flexbox ordering for layout; Resize Observer and Houdini fallbacks
| title | author | length |
|---|---|---|
| Building a search engine in CSS | Tim Carry | 17m |
A search engine is implemented entirely in CSS with minimal HTML and a one-liner JavaScript that copies the input value into the value attribute so CSS… | ||
| CSS Grid in Production | Benjamin De Cock | 16m |
Ship-ready CSS Grid replaces an absolute-positioned striped background with a tilted grid container using 5 rows and 10 columns and a skew transform, removing… | ||
| Variable fonts: a million times the possibilities... | Laurence Penney | 20m |
Explains that OpenType 1.8 Variable Font stores a few master outlines plus point offsets so one file covers many styles, cutting webfont payload to a few… | ||
| Write Less CSS | Adam Detrick | 15m |
Claim: writing less CSS reduces bugs, inconsistency, and developer friction. Concrete moves: adopt utility classes with a predictable breakpoint/property… | ||
| Container Queries | Jonathan Snook | 19m |
Claims that container queries lack a browser spec so implementations must live in CSS, HTML, or JavaScript and that Shopify implements them with a JS array of… | ||
| Media Queries 4 | Florian Rivoal | 18m |
Media Queries Level 4 is finished as a spec and introduces concrete syntax and behavior changes: readable range syntax, real boolean operators with parentheses… | ||
| Schrödinger's Website | Jackie Balzer | 17m |
Built a WYSIWYG site editor for Adobe Portfolio that stores every user change in one giant JSON object, uses mustache + SASS to render markup and compile final… | ||
| CSS Christmath | Louis Hoebregts | 04m |
Claims a working Christmas bauble built with only HTML and CSS plus a SASS preprocessor, using 400 spans as particles, spherical coordinates and parametric… | ||
| Compilers in styling web UI | Ryan Tsao | 15m |
Argues compilers solve two concrete problems: fragile interoperability across frameworks and the runtime cost of CSS-in-JS abstractions. Shows an experimental… | ||
| One Step a Day | Steffen Reichelt | 04m |
Claim: daily practice of one CSS SVG image a day accelerates skill growth. The practice uses CSS, SVG and webfonts, experiments with grid rotations and reveals… | ||
| nothing matches | ||