Lea verou
where else to find them
website:https://lea.verou.me
github:leaverou
bluesky:lea.verou.me
mastodon:@leaverou@front-end.social
x:LeaVerou
linkedin:leaverou
speakerdeck:leaverou
instagram:leaverou
dribbble:leaverou
devto:leaverou
what they talk about
all 10 in the filters
where they keep going back
all 23 in the filters
on a stage with
all 10 in the filters
who talks about the same things
- Una Kravets45 talks
- Eva Ferreira17 talks
- Massimo Artizzu7 talks
- Chen Hui Jing29 talks
- Sara Soueidan14 talks
- Miriam E Suzanne15 talks
| title | conference | date |
|---|---|---|
| No-build: pipe dream, or near future? | dotJS 2026 | 2026-09-18 |
Bundlers are everywhere yet many dislike them—about half on Mastodon and a third on Twitter say they wish they didn’t need bundlers. Reasons for bundlers… | ||
| API design is UI design | dotJS 2024 | 2024-06-27 |
Shows concrete API failures and fixes: the SVG DOM returns an SVGAnimatedLength so code needs .baseVal.value to get 45, video controls force reimplementing the… | ||
| CSS Variable Secrets | SmashingConf New York 2022 | 2022-10-10 |
Demonstrates concrete CSS custom‑property techniques that reduce duplication, create reactive animations and expose clean component APIs: uses pseudo-private… | ||
| CSS Variable Secrets | CSS Day 2022 | 2022-06-09 |
Most teams treat CSS custom properties as constants but metrics from the Web Almanac show roughly two‑thirds of usages have zero variable depth, so deeper… | ||
| Shapir: Standardizing and Democratizing Access to Web APIs | UIST 2021 | 2021-10-10 |
A standardized, machine-readable ontology called WoOPI maps diverse REST endpoints to typed objects and Schema.org properties, and an authoring GUI generates… | ||
| Writing Code for Humans | DevBreak 2021 | 2021-09-08 |
Code acts as a user interface: APIs must make the common case fast and the rare case possible. Concrete examples: the ancient compareDocumentPosition bitmask… | ||
| The web design cheat code: Using SVG to bridge CSS’ gaps | Frontend United 2019 | 2019-05-16 |
Shows concrete techniques: embed SVG data URIs in CSS to paint characters and emojis, include internal <style> to run CSS animations, and use stroke-dasharray… | ||
| Even More CSS Secrets | FrontMania 2018 | 2018-11-16 |
Demonstrates concrete recipes: use multiply/screen blend modes to make cut‑out text on black or white, embed SVG data URI (no base64) to turn glyphs and emojis… | ||
| Extending a Reactive Expression Language with Data Update Actions for End-User Application Authoring | UIST 2018 | 2018-10-14 |
Extends Mavo by adding an mv-action attribute plus four mutation primitives set/delete/add/move and a where operator to express one-line data updates (clear… | ||
| CSS (Variable) Secrets | Smashing Conference Toronto 2018 | 2018-06-26 |
You may have heard about CSS Variables (aka CSS Custom Properties), but think it’s not something you can use yet. Plus, you already have your preprocessor… | ||
| Keynote. Even More CSS Secrets | You Gotta Love Frontend Conference 2018 | 2018-05-24 |
Ten concrete CSS techniques appear: use multiply/screen blending modes to get cut‑out text on black or white backgrounds; embed SVG data-URI emojis as animated… | ||
| / Reg (exp) {2} lained / Demystifying Regular Expressions | HolyJS 2017 | 2017-12-10 |
Starts with live demos on regexplained.com and uses browser console, CSS conic gradients for a timer, and Twitter-driven regex challenges that show a ~25… | ||
| HTML Re-imagined for the era of web apps | View Source 2017 | 2017-10-27 |
An extension to HTML lets authors build editable web apps without writing JavaScript by including a small script and stylesheet; data storage uses an MV… | ||
| JS UX: Writing code for humans | HolyJS 2017 Piter | 2017-06-02 |
Argues that code is a user interface and gives concrete API rules backed by running examples and production experience: sensible defaults, named-option… | ||
| Keynote: CSS Variables: var(--subtitle); | Frontend United 2017 | 2017-05-26 |
CSS Custom Properties are usable today not just as prettier Sass variables but as real CSS properties that work like normal inherited properties and can be set… | ||
| CSS Variables: var(--subtitle) | CSSConf.Asia 2016 | 2016-11-24 |
Claims that CSS custom properties are live updateable custom properties that can be read and set from JavaScript (getPropertyValue / setProperty) and used for… | ||
| Mavo: Creating Interactive Data-Driven Web Applications by Authoring HTML | UIST 2016 | 2016-10-16 |
Mavo is an HTML extension that turns static mockups into persistent CRUD apps by adding a few attributes: datastore (local, GitHub, Dropbox), property and… | ||
| CSS Variables: var(–subtitle) | Web Unleashed 2016 | 2016-10-03 |
Claims that CSS custom properties are usable now and more powerful than preprocessor variables, demonstrated with live demos: themable buttons, SVG “eyes”… | ||
| JS UX: Writing Code for Humans | You Gotta Love Frontend 2016 | 2016-06-27 |
Watch if wanting concrete API rules plus working demos: claims like documentation is the last resort, concrete fixes (sensible defaults, accept multiple input… | ||
| HTML | CSS Day + HTML Special 2016 | 2016-06-16 |
The talk proves there are concrete HTML features that replace JavaScript: the download attribute forces file downloads with a filename, input accept/extensions… | ||
| The Missing Slice | CSSconf EU 2015 | 2015-09-26 |
Compares concrete implementations: a skewed pseudo‑element hack that breaks at 50% and needs multiple edits; an improved rotated pseudo with an animation‑delay… | ||
| The Missing Slice | ColdFront Conference 2015 | 2015-09-03 |
Starts from the uploader promise of making a pie and animating it and delivers concrete techniques: a brittle CSS skew trick and a cleaner… | ||
| The missing slice (Keynote) | You Gotta Love Frontend 2015 | 2015-06-08 |
Claim: pie charts are deceptively tricky in CSS but solvable with concrete techniques. Demonstrations show a brittle skewed pseudo-element hack that breaks… | ||
| The Chroma Zone | CSSConf Australia 2014 | 2014-04-25 |
Explains how real pixels use three subpixels and how sub-pixel anti-aliasing can effectively triple horizontal detail, states 24 bits per pixel yields 16.7… | ||
| Speaker Q&A Panel | CSSConf Australia 2014 | 2014-04-25 |
Panel records concrete gotchas and tools: Sass treats dashed and underscored variable names as interchangeable causing silent overrides, CSS custom properties… | ||
| The Humble Border-Radius | Fluent 2014 | 2014-03-11 |
Browsers proportionally scale border-radius when adjacent radii exceed the box size — a 900px radius can end up as 381px while a 90px companion becomes 38px… | ||
| The Chroma Zone Engineering Color on the Web | Kod.io 2014 | 2014-03-01 |
Explains how screens use 24‑bit pixels and RGB subpixels and shows the math: eight bits per channel, RGB as a cube, HSL as more intuitive but not perceptually… | ||
| CSS in the 4th Dimension | JSConf.Asia 2013 | 2013-11-28 |
Covers concrete recipes and demos: sequences layered transitions so width finishes before height, a lightbox and overlay built with only box-shadow and no… | ||
| The humble border-radius | CSS Day 2013 | 2013-06-14 |
Demo shows modern browsers support border-radius without prefixes and that when adjacent radii exceed box size they are scaled down proportionately, so huge… | ||
| The Humble Border-radius | CSSConf US 2013 | 2013-05-28 |
Border-radius accepts up to four corner values and can take a slash to give different horizontal and vertical radii so percentages produce responsive ellipses… | ||
| Everything You Always Wanted to Know About Web Standards | Fluent 2013 | 2013-05-28 |
W3C coordinates standards but member-company working groups actually write them: CSS WG lists ~83 member-company participants, five invited experts and six… | ||
| Polyfilling the gaps | JSConf EU 2011 | 2011-10-01 |
Polyfills follow three concrete steps: feature detection, implementation, distribution. Practical notes: a two‑line document.head shim breaks frames… | ||
| nothing matches | ||