CSSConf Budapest 2019
who it's for
frontend developers, css engineers, ui designers, product designers, frontend engineering managers, accessibility specialists
topics
variable fonts and optical size; paint worklets (Houdini); CSS Grid responsive layouts; CSS-only games with label checkbox; CSS custom properties and theming; state machines for component state; component and container CSS architecture; SVG stroke and frame animations; css-in-js versus static CSS performance; web-platform-tests for browser bugs
| title | author | length |
|---|---|---|
| CSS Games and Drawings in the Real World: Useful or Just Fun? | Giulia Cardieri | 28m |
A space‑themed memory game is built with HTML+CSS only, using hidden inputs and the label+checkbox trick to simulate click state and simple game logic without… | ||
| Variable Fonts & Readability | Damien Senger | 31m |
Variable fonts let sites offer real, measurable reading changes: weight, width, slant and optical size transition smoothly in one file so animations avoid… | ||
| The Weird — Yet Practical — World of Paint Worklets | Jeremy Wagner | 33m |
Paint worklets are Houdini modules that generate CSS images with the Canvas 2D API and are invoked via paint() background-image syntax; they register tiny… | ||
| CSS Architecture for Modern Web Applications | Mike Riethmuller | 29m |
Argues that old CSS conventions survive but must be adapted: separate three concrete component types — layout components own parent‑child layout and can export… | ||
| Crafting Stateful Styles with State Machines | David Khourshid | 29m |
Claims that finite state machines make styles maintainable, testable, and interactive by encoding component states as attributes and transitions; uses ARIA… | ||
| CSS Animation - Beyond Transitions | Steven Roberts | 28m |
Shows how pure CSS + SVG build real animations: sprite-style flight using 10 frames and background-position with animation-timing and negative delays, looping… | ||
| CSS in JS - beware the Hype! | Kathrin Holzmann | 28m |
Experiment compares a tiny React app called Park Club in three setups: vanilla CSS, bundling with webpack, and CSS-in-JS with styled-components. Measured… | ||
| Getting Browser Bugs Fixed | Alan Stearns | 27m |
Encountering a browser bug, concrete actions matter: vote on a bug, file a clear minimal repro, and submit a W3C cross-browser test (web-platform-tests) so… | ||
| Building Better Products Faster | Yu Ling Cheng, France Wang | 30m |
A concrete playbook: introduce DevUx culture with four collaboration levels, keep designers working in parallel with developers, and use a style guide plus a… | ||
| nothing matches | ||