dotCSS 2018
who it's for
front-end developers, web designers, accessibility engineers, ui/ux designers, design systems engineers, localization engineers, typographers, performance engineers
topics
clip-path with SVG url(); CSS masking for transparency; shape-outside text wrapping; variable fonts and axes; font-variation-settings animations; SVG filter primitives chains; advanced CSS counters patterns; CSS Grid visual vs DOM ordering; keyboard focus and ARIA semantics; CSS Text Level 3 line breaking; logical properties for internationalization; hex color reading method
| title | author | length |
|---|---|---|
| Breaking the norm with creative CSS | Aga Naplocha | 17m |
Demonstrates concrete CSS techniques and results: clip-path with SVG via url() to make a “splashy” clipped background, a PNG-versus-clip-path test where the… | ||
| Make your website accessible for everyone | Hugues Tennier | 05m |
Five concrete changes and how to do them: check contrast with Chrome DevTools color picker (white line shows failing pairs); size text with relative units… | ||
| What CSS taught me | Dan Cederholm | 19m |
Reflecting on 20 years of web work, the claim lands: CSS taught risk taking, teaching while learning, and acceptance that pixels disappear. Specifics: first… | ||
| Variable Fonts and the Future of Web Design | Mandy Michael | 19m |
Variable fonts cut load and complexity: a Source Sans variable example is 394 KB vs 924 KB for multiple static weights, and one file means one network request… | ||
| Don't write HTML the way George Lucas wrote Star Wars | Fabien Zibi | 03m |
Claims that reordering visible content with CSS breaks actual reading order and interactive navigation. Builds a Star Wars poster page and uses CSS grid-area… | ||
| i18n: A Brief Primer of Web Internationalization | Elika J. Etemad | 17m |
Rapid practical checklist: declare use UTF-8, tag content with lang and set base direction with dir and BDI for bidi handling, rely on the Unicode bidi… | ||
| CSS at the Intersection | Natalya Shelburne | 18m |
Claim: CSS sits where different mental models collide, and solving that means building concrete collaboration tools. A course forces role-swaps and shows… | ||
| Not your usual CSS counters | Roman Komarov | 04m |
Not a lot of people use CSS counters, especially for something which is not an ordered list, but as Roman explains, this unique set of properties can be very… | ||
| Line breaking | Florian Rivoal | 19m |
Walks through concrete behaviors and compatibility of CSS Text Level 3: how white-space:pre-wrap versus the upcoming white-space:break-spaces treat tabs and… | ||
| Read color hex codes | David DeSandro | 18m |
Claims the ability to read any six‑digit hex as an actual color by following a practical five‑step method: convert to three-digit shorthand, draw the RGB line… | ||
| SVG Filters: A Mini Crash Course | Sara Soueidan | 17m |
Shows recreating Photoshop effects in-browser by wiring SVG filter primitives into a processing chain: using feDisplacementMap driven by a desaturated, blurred… | ||
| nothing matches | ||