CSS Day + UX Special 2018
2018-06-14..2018-06-15
Amsterdam, Netherlands
CSS Day ·
[CSS Day 2013, CSS Day 2014, CSS Day 2015, CSS Day 2017, CSS Day + UX Special 2018, CSS Day 2019, CSS Day 2022, CSS Day 2023, CSSDAY 2024, cssday 2025, CSS Day 2025]
as the organisers put it
This 6th edition of CSS Day in Amsterdam included an entire day dedicated to UX on the Web, followed by our regular advanced CSS conference on Friday.
who it's for
front end developers, ux designers, product designers, design managers, engineering managers, accessibility engineers, performance engineers
topics
CSS Grid layout techniques; container query workarounds; box alignment in CSS; SVG filters and primitives; responsive typography sizing; variable fonts and WOFF2 optimization; Web Animations API usage; motion, playfulness and reduce-motion; design systems and versioned components; user testing on a budget; eCommerce conversion UX tactics; ResizeObserver and IntersectionObserver
| title | author | length |
|---|---|---|
| CSS Day 2018 compilation | 01m | |
Page gives only a wrap and sold out boast and the transcript is just music and applause so no actual claims tools or results are visible. Deciding factor is… | ||
| Build bridges, not walls | Jenny Shen | 43m |
Claims that culture shifts behavior are backed by tests: Hofstede Insights guides country choices, StatCounter shows screen-resolution splits, and heat maps… | ||
| 10 Easy Ways To Irritate Your Design Team | Jane Austin | 48m |
Ten concrete irritations with concrete fixes: businesses underinvest in design despite IBM spending over £100M to hire hundreds and ratios shifting to around… | ||
| Motion & Playfulness | Benjamin De Cock | 49m |
Claims that polished motion raises trust and engagement get backed by concrete examples and tools: a draggable emoji feedback widget that animates expressions… | ||
| Data Sketches: a year of exotic data visualizations | Nadieh Bremer | 47m |
Data Sketches is a year‑long collaboration with Shirley Wu that produces one elaborate visualization per month, documented with process writeups. Concrete… | ||
| Dirty Little Tricks From The Dark Corners of eCommerce | Vitaly Friedman | 57m |
Average abandonment sits around 65–70% and the claim is that straightforward UX tweaks shave off at least 10%; testing uses session recordings and slow‑motion… | ||
| User testing on any budget | Ida Aalen | 48m |
Argues user testing is practical even with almost no budget and shows concrete techniques: a video‑call prototype that fails because users assume they… | ||
| The Accidental Design Leader | Andy Budd | 51m |
A design leader recounts concrete results: building Clearleft into a 30-person company, launching Leading Design and a Slack of ~600 members, and interviewing… | ||
| The Friction of Web Standards | Eric Meyer | 45m |
CSS Grid ships in March 2017 across four major browsers in three weeks, but Grid itself takes literal years from proposal to stable feature because of tangled… | ||
| Web Typography | Richard Rutter | 48m |
Argues concrete rules: respect browser defaults but size paragraph text to readers and devices — target 30 arc minutes perceived size so body text lands around… | ||
| The web is ready for great graphic design | Hidde de Vries | 45m |
Claim: the web is ready for great graphic design because modern layout tools actually do the work previously done with hacks. Uses CSS Grid, Flexbox, viewport… | ||
| SVG Filters - The Crash Course | Sara Soueidan | 48m |
Claim: SVG filters let you recreate Photoshop‑grade effects in the browser using concrete primitives and sequences. Examples include a drop shadow built from… | ||
| Solving container queries today | Greg Whitworth | 45m |
Explains why CSS container queries break browser pipelines and shows concrete, working workarounds: using iframes so media queries resolve to a component… | ||
| Box Alignment | Chen Hui Jing | 43m |
Covers how browsers actually build and align boxes: demonstrates that display: flow-root and other ways to create a block formatting context fix collapsing… | ||
| CSS for the next billion users | Ire Aderinokun | 40m |
Explains concrete fixes: measure shows 28 hours for 500MB in Nigeria so data cost drives design, use floats to support legacy IE8 where needed and switch to… | ||
| CSS-in-JS: FTW | Bruce Lawson | 45m |
A concrete claim: component-oriented styling can compile to flat, namespaced CSS and cut runtime cost. A team prototypes styler ball that transpiles component… | ||
| nothing matches | ||