CSSConf AU 2018
2018-03-20
Melbourne, Australia
who it's for
frontend developers, UI engineers, product designers, accessibility specialists, performance engineers, design systems engineers
topics
FLIP layout animations using transforms; CSS Grid with @supports fallbacks; Font loading: preload and swap; Hosting fonts same-origin performance; Low-vision CSS accessibility techniques; Houdini paint and layout worklets; Color system tokenization and tuning; Design system automation for assets; Design-engineering collaboration practices; Responsive masonry-like card layouts
| title | author | length |
|---|---|---|
| Behind the Illusions: Impossibly high-performance layout animations | David Khourshid | 24m |
Demonstrates concrete techniques to animate layout at 60 frames per second using measured deltas and transforms rather than top/left or height/width… | ||
| How to use CSS grid today in the real world | Brenda Storer | 31m |
Claims that CSS Grid is production-ready and already in use since March 2017, with 85% global support and browsers cooperating to minimize bugs. Concrete… | ||
| Faster fonts for speed fanatics | Jeremy Wagner | 31m |
Hosting fonts on the same origin cuts speed index roughly 35% compared with cross‑origin Google Fonts; using rel=preconnect masks connection latency and yields… | ||
| Can you see that OK? CSS tips for low-vision accessibility | Julie Grundy | 22m |
Demo pages show browser zoom vs text-only resize problems and a live walkthrough uses Chrome/Firefox tools plus a grayscale filter and Windows high‑contrast to… | ||
| Interaction of color systems | Diana Mounter | 32m |
Design system work reduces 2,449 hex values of unmanaged color into a constrained palette, introduces a numeric naming scale, and tests combinations on… | ||
| Magic tricks with Houdini | Samuel Richard | 31m |
Claims that Houdini lets JavaScript extend browser render engines at render‑engine speed, with concrete pieces: worklets that run on parallel threads, the… | ||
| Effective design and engineering collaboration | Theresa Ma | 29m |
Argues that shared vocabulary plus practical tools cut wasted work: Yelp builds a design system, audits it and discovers it split into three dialects, and a… | ||
| Journeys: What makes a developer, really? | Ivana McConnell | 30m |
Research from the Origins interview series claims there is no single path to being a developer and that CSS already functions as development. Concrete examples… | ||
| nothing matches | ||