index.njk

---
title: Home
---
{% macro md_block() %}
{{ caller() | md | safe }}
{% endmacro %}

<div class="nutshell">

<img src="/about/images/smiling-medium.jpg" alt="Photo of me smiling">
{% call md_block() %}
Hi, I’m Lea and I love making things.
Ι [design](/publications/#specifications) new web technologies implemented in browsers,
and [tools](/projects/) used by millions of developers.
As a [W3C TAG member](https://en.wikipedia.org/wiki/Technical_Architecture_Group),
I [review](https://github.com/w3ctag/design-reviews/) web technology proposals to ensure they benefit the Web.
I've done [HCI research](/publications/#research) at [MIT](https://haystack.csail.mit.edu) on democratizing web development, earning me a PhD.
I [speak](/speaking/), [teach](https://designftw.mit.edu), and [write](/publications/),
including a [bestselling book](http://www.amazon.com/CSS-Secrets-Lea-Verou/dp/1449372635?tag=leaverou-20) with [O’Reilly](https://oreilly.com),
dubbed ["Best CSS book"](https://www.chicagotribune.com/consumer-reviews/sns-bestreviews-electronics-the-best-css-book-20200701-kda2pyikobda5o3c4ivi4wzfui-story.html).
I often [blog](/blog/) about all this -- and more!
{% endcall %}

<p><a class="call-to-action" href="/about/">Learn more about me</a></p>
</div>

<h2><a href="/blog/">Blog</a> <a href="/feed.xml" title="Feed" class="feed"></a></h2>

{% import "_posts.njk" as posts %}
{{ posts.list(collections.blog.reverse().slice(0, 30), {style: "compact", start: collections.blog.length}) }}

<p><a class="call-to-action" href="/blog/page/3/">More blog posts</a></p>