11ty: Index ALL the things!
A technical guide on creating comprehensive URL hierarchies and tag indices using Eleventy's pagination feature for static site generation.
Lea Verou is a web standards expert, developer, and designer with a PhD from MIT in Human-Computer Interaction. She has worked as Product Lead at Font Awesome, helped shape the web as a member of the W3C Technical Architecture Group, and has been part of the CSS Working Group since 2012. Her open-source tools like PrismJS and Color.js are used by millions of developers worldwide. Lea is also the author of a bestselling CSS book, a frequent conference speaker, and an advocate for making technology simpler, more usable, and open for everyone.
210 articles from this blog
A technical guide on creating comprehensive URL hierarchies and tag indices using Eleventy's pagination feature for static site generation.
A technical guide on migrating Disqus comments from WordPress to an Eleventy (11ty) static site, including extracting post IDs from a sitemap.
Author argues against JS private class fields due to incompatibility with Proxies, impacting reactivity in frameworks like Vue.
The popular web accessibility tool contrast-ratio.com has been transferred to new maintainers at Siege Media for future development.
Lea Verou's re-election statement for the W3C Technical Architecture Group, focusing on web standards and developer needs.
The State of CSS 2022 survey is now open, gathering developer feedback on new CSS features, pain points, and usage patterns.
Exploring the creation of a web component for star ratings, comparing approaches to HTML's <meter> element and addressing styling and editability.
CSS, News, Surveys, Data Analysis, State Of CSS Since 2019, the annual State of CSS survey has collected feedback from web developers from across the
Exploring the best HTML and ARIA patterns for accessible button groups, comparing radio buttons vs. buttons with aria-pressed based on expert advice.
Introducing Rety, a tool for creating replayable live coding demos to enhance teaching and conference talks without the stress of live typing.
Announcing Color.js, a JavaScript library for advanced color manipulation, supporting CSS Color 4/5 and various color spaces.
A developer's journey of yak shaving leads to creating <md-block>, a new HTML web component for rendering Markdown content.
Explores 3+1 strategies for setting default values in CSS custom properties to create reusable, customizable components.
Explores CSS techniques for inheriting grandparent font sizes using type-relative units, with practical examples and use cases.
Exploring the challenge of detecting if a browser tab is active, beyond visibility, for bidirectional slide synchronization in a presentation framework.
A deep dive into the CSS `revert` keyword and why it behaves unexpectedly with custom properties, based on a Twitter quiz most developers got wrong.
A CSS tutorial on implementing dark mode quickly by inverting lightness variables, with a fallback approach for existing color schemes.
Explores function overloading in JavaScript libraries, using Bliss.js as an example to show how it improves API design and developer experience.
Explains a JavaScript pattern for properties with dynamic defaults that become writable after being explicitly set.
Lea Verou's candidacy statement for the W3C TAG election, outlining her goals to improve web standards and platform technologies.