RSS.Social

Lea Verou’s blog

follow: @[email protected]

Posts

Check whether a CSS property is supported

JS library detector

Extend Math.round, Math.ceil and Math.floor to allow for precision

Find the vendor prefix of the current browser

CSS3 border-radius, today

Bulletproof, cross-browser RGBA backgrounds, today

Silent, automatic updates are the way to go

20 things you should know when not using a JS library

Quick & dirty way to run snippets of JavaScript anywhere

"Appearances can be deceiving Mr. Anderson" - a.k.a. short code is not always fast code

Check whether the browser supports RGBA (and other CSS3 values)

On native, single-input, multiple file uploads

CMYK colors in CSS: Useful or useless?

CSS3 colors, today (MediaCampAthens session)

Mockup viewer bookmarklet

Cross browser, imageless linear gradients

100% Cyan in CMYK is NOT rgb(0,255,255)!!

Extend Math.log to allow for bases != e

Advocacy of JavaScript

Help me: take the color survey

Better usability in 5 minutes

Java pretty dates

Cross-browser imageless linear gradients v2

Creating the perfect slider

9 reasons why I prefer MySQL to MS SQL Server

Tip: Multi-step form handling

On password masking and usability

Idea: The simplest registration form ever

Bevels in CSS3

(byte)size matters

Exploring CSS3 text-shadow

A CSS3 learning(?) tool

New version of rgba.php is out!

A different approach to elastic textareas

Yet another email hiding technique?

Exploring browser-supported Unicode characters and a tweet shortening experiment

Reading cookies the regular expression way

Quickly find the Gravatar that cor­res­ponds to a given email

Redesign

iPhone keyboard with CSS3 -- no images

CSSNinja's custom forms revisited to work with CSS sprites

CSS3 structural pseudo-class selector tester

MySQL: Are you actually utilizing your indexes?

On CSS counters plus a CSS3 Reversi UI

"Wow, Mona Lisa with pure CSS!"

Organizing a university course on modern Web development

Lea Verou @ Front-Trends 2010

Automatic login via notification emails?

On attr() and calc()

My FT2010 slides and CSSS: My presentation framework

The curious case of border-radius:50%

Tag editing UIs

rgba.php v1.2: Improved URL syntax, now at Github

Checkerboard, striped & other background patterns with CSS3 gradients

Yet another redesign

I'm speaking at @media Web Directions ’11!

Styling elements based on sibling count

Convert PHP serialized data to Unicode

Incrementable length values in text fields

Checkerboard pattern with CSS3

Custom <select> drop downs with CSS3

WD @media talk subject change

On CSS preprocessors

Beveled corners & negative border-radius with CSS3 gradients

Convert standard gradient syntax to -webkit-gradient and others

Create complex RegExps more easily

Invert a whole webpage with CSS only

CSS3 patterns gallery and a new pattern

Rule filtering based on specific selector(s) support

StronglyTyped: A library for strongly typed properties & constants in JavaScript

My experience from Geek Meet

Change URL hash without page jump

Get your hash — the bulletproof way

My experience from Web Directions @media & Standards.next

jQuery Pure: Call for contributors

Pure CSS Tic Tac Toe

CSS reflections for Firefox, with -moz-element() and SVG masks

A polyfill for HTML5 progress element, the obsessive perfectionist way

Detecting CSS selectors support + my JSConf EU talk

Vote for me in The .net awards 2011!

My experience from the CSS Summit 2011

CSS3 for developers: My Fronteers 2011 workshop

CSS gradients are faster than SVG backgrounds

twee+: Longer tweets, no strings attached

Better “CSS3 ticket-like tags”

Why I love our industry

Accessible star rating widget with pure CSS

To write good code, you sometimes have to write bad code

On URL readability

CSS.coloratum: Convert and share CSS colors

Pure CSS3 typing animation with steps()

Help the community: report browser bugs

Chainvas: Make APIs chainable, enhance the canvas API

A better tool for cubic-bezier() easing

Major update to Chainvas: modularity, a client side build script & more

My experience from Frontendconf Zurich

PrefixFree: Break free from CSS prefix hell!

Easily keep gh-pages in sync with master

Optimizing long lists of yes/no values with JavaScript

My experience from Fronteers, JSConf EU, Frontend and FromTheFront

Animatable: A CSS transitions gallery

Vendor prefixes have failed, what’s next?

Introducing dabblet: An interactive CSS playground

On web apps and their keyboard shortcuts

Dabblet blog

What we still can’t do client-side

My new year’s resolution

Why tabs are clearly superior

Exactly how much CSS3 does your browser support?

Simpler CSS typing animation, with the ch unit

Moving an element along a circle

Vendor prefixes, the CSS WG and me

A List Apart article: Every time you call a proprietary feature "CSS3", a kitten dies

Flexible multiline definition lists with 2 lines of CSS 2.1

In defense of reinventing wheels

git commit -m "EVERYTHING"

Pure CSS scrolling shadows with background-attachment: local

How I got into web development — the long version

Text masking — The standards way

Poll: ¿Is animation-direction a good idea?

Teaching: General case first or special cases first?

Hacking lookahead to mimic intersection, subtraction and negation

Why I bought a high-end MacBook Air instead of the Retina MBP

So, you’ve been invited to speak

Important -prefix-free update

Introducing Prism: An awesome new syntax highlighter

lea@w3․org

Dive deep into CSS3 (and Bolognese!) in Bologna, Italy

Easy color contrast ratios

Lots of improvements coming to dabblet

CSS Animations with only one keyframe

One year of pastries

W3Conf in San Francisco, February 21-22

iOS 6 switch style checkboxes with pure CSS

Use MathML today, with CSS fallback!

Preview corner-shape, before implementations!

Easily center text vertically, with SVG!

border-corner-shape is in danger, and you can help!

Can we get rid of gradient prefixes?

Meet dpi.lv: More than you probably wanted to know about screen DPI

Leaving W3C

What makes speakers happy

Slanted tabs with CSS 3D transforms

Flexible Google-style loader with CSS

Cleanest CSS spinner, ever

CSS is for developers

Simple script: Automatic talks list

Smooth state animations with animation-play-state

Vote for me in the net awards 2014!

Introducing Whathecolor: A color game for web developers!

I’m going to MIT!!

Dynamically generated SVG through SASS + A 3D animated RGB cube!

Image comparison slider with pure CSS

An easy notation for grayscale colors

Awesomplete: 2KB autocomplete with zero dependencies

jQuery considered harmful

Idea: Extending native DOM prototypes without collisions

Conical gradients, today!

Spot the unsubscribe (link)!

Stretchy: Form element autosizing, the way it should be

On the blindness of blind reviews

Copying object properties, the robust way

Introducing Bliss: A 3KB library for happier Vanilla JS

My positive experience as a woman in tech

Introducing Multirange: A tiny polyfill for HTML5.1 two-handle sliders

Markapp: A list of HTML libraries

Autoprefixing, with CSS variables!

URL rewriting with Github Pages

Resolve Promises externally with this one weird trick

Duoload: Simplest website load comparison tool, ever

HTML APIs: What they are and how to design a good one

Introducing Mavo: Create web apps entirely by writing HTML!

Different remote and local resource URLs, with Service Workers!

Free Intro to Web Development slides (with demos)

Quicker Storify export

Responsive tables, revisited

Never forget type="button" on generated buttons!

Easy Dynamic Regular Expressions with Tagged Template Literals and Proxies

Refresh CSS Bookmarklet v2

ReferenceError: x is not defined?

Utility: Convert SVG path to all-relative or all-absolute commands

Issue closing stats for any repo

LCH colors in CSS: what, why, and how?

Today's Javascript, from an outsider's perspective

New decade, new theme

Hybrid positioning with CSS variables and max()

Refactoring optional chaining into a large codebase: lessons learned

The Cicada Principle, revisited with CSS variables

Releasing MaVoice: A free app to vote on repo issues

Import non-ESM libraries in ES Modules, with client-side vanilla JS

Introspecting CSS via the CSS OM: Get supported properties, shorthands, longhands

Parsel: A tiny, permissive CSS selector parser

Developer priorities throughout their career

The failed promise of Web Components

The -​-var: ; hack to toggle multiple values with one custom property

Simple pie charts with fallback, today

The case for Weak Dependencies in JS

Position Statement for the 2020 W3C TAG Election

Writable getters

Mass function overloading: why and how?

Dark mode in 5 minutes, with inverted lightness variables

82% of developers get this 3 line CSS quiz wrong

Is the current tab active?

Inherit ancestor font-size, for fun and profit

Custom properties with defaults: 3+1 strategies

On Yak Shaving and <md-block>, a new HTML element for Markdown

Releasing Color.js: A library that takes color seriously

Introducing Rety: live coding, without the stress

What is the best way to mark up an exclusive button group?

Help design the State of CSS Survey 2022!

On ratings and meters

State of CSS 2022 now open!

Position Statement for the 2022 W3C TAG Election

Contrast Ratio has a new home — and this is great news!

JS private class fields considered harmful

Migrating Disqus from WP to 11ty

11ty: Index ALL the things!

Rethinking Categorization

Going Lean

Help Design the Inaugural State of HTML Survey!

Numbers or Brackets for numeric questions?

State of HTML 2023 now open!

Minimalist Affordances: Making the right tradeoffs

Eigensolutions: composability as the antidote to overfit

On compliance vs readability: Generating text colors with CSS

Inline conditionals in CSS?

Inline conditionals in CSS, now?

Forget “show, don’t tell”. Engage, don’t show!

Making the Web more Awesome — for everyone

Web Components are not Framework Components — and That’s Okay

Context Chips in Survey Design: “Okay, but how does it _feel_?”

Style-observer: JS to observe CSS property changes, for reals

Construction Lines

Bluesky Likes Web Components

The Hovercar Framework for Deliberate Product Design

Influence the State of HTML 2025 Survey!

State of HTML 2025 now open!