Lea Verou @LeaVerou Twitter profile

Pinned Tweet

Lea Verou

8 months

🔥 New blog post! 🔥 Eigensolutions: composability as the antidote to overfit A diversion from my other blog posts, as it’s more abstractly about design thinking, with insights that (hopefully) apply on a wide range of creator tools, from visual editors

4

7

50

Last Seen Profiles

@FSIStanford

@LGBTQFKATWIGS

@pttiger0228

@Hockey1Stars

@Cuckold9738

@Evershite

@Elaine47525723

@Dr_NohaHassan

@Drsaudiman

@Jonny_Dutch

@GraylingLegacy

@serenityyx_

@_luciajimeenez

@lariss_moon

@Nico25chan88

@samiathinker

@841_MUSCLE

@geekfarofeiro

@Macsoftball2015

@evligiz60125833

@mahocha_co

@salsa_szn

@Baobao4500

@JohnFMiller86

@LaWalletOk

@FakKrba

@CodyZeller

@JRCariani

@ZweifelStan

@KUONN_931

@michi426ANS

@GuardiaCrema

@KadriGursel

@Katerationopia

@KILLYOURCELLMAX

@rumman_alees

Lea Verou

@LeaVerou

6 years

@javafour @Ennaaseret7 If my rainbow hair keeps away men like you, that’s just an added bonus! But don’t generalize your poor taste to all men, give them some more credit. My fiancé loves rainbow hair even more than I do!

136

187

6K

Lea Verou

@LeaVerou

4 years

Now that all modern browsers support SVG favicons, here's how to turn any emoji into a favicon.svg: <svg xmlns="" viewBox="0 0 100 100"> <text y=".9em" font-size="90">💩</text> </svg> Useful for quick apps when you can't be bothered to design a favicon!

39

1K

5K

Lea Verou

@LeaVerou

6 years

I’m gonna start blanket adding the following rule to all my stylesheets: :focus:not(:focus-visible) { outline: none } Gets rid of the annoying outline for mouse users but preserves it for keyboard users, and is ignored by browsers that don’t support :focus-visible.

34

679

3K

Lea Verou

@LeaVerou

5 years

🎙 *tap, tap* is this thing on? My husband @svgeesus and I are happy to announce that we have forked our DNA — and the merge was successful! — or, in other words, we are expecting a baby girl in early July 2019! 👶🏼

225

85

3K

Lea Verou

@LeaVerou

7 years

HTML Idea: <input type="country"> which would become a searchable dropdown with all countries and their flags. Wouldn't that be awesome?

113

464

2K

Lea Verou

@LeaVerou

4 years

Developer priorities throughout their career

30

684

2K

Lea Verou

@LeaVerou

7 years

OMG I just released my work of the past 2yrs as OSS! 🙀🙀🙀 Introducing Mavo: Create Web Apps Entirely By Writing HTML!

64

587

2K

Lea Verou

@LeaVerou

4 years

Every foo and bar in technical documentation or slides is a wasted opportunity. It fails to illustrate WHY what you're talking about is useful, what for, and to get your audience to relate. Nobody relates to foo and bar. People relate to use cases.

32

272

1K

Lea Verou

@LeaVerou

5 years

Chris ( @svgeesus ) and I are thrilled to introduce Zoe Lilley-Verou. She was born via water birth, 10 days past her due date, on July 12 at 7:26am. We are absolutely smitten and are falling more in love with her every day 🥰

134

7

1K

Lea Verou

@LeaVerou

2 years

1. Infinite scroll 2. Footer Pick one, you can’t have both. (You’d think this is common sense by now, but you’d be wrong)

87

145

1K

Lea Verou

@LeaVerou

6 years

6 years ago, I thought the shorter the code the better, no matter how cryptic it may seem to others. Now I realize that coding is communication. Not just with the machine, but primarily with other people, including your future self. Good code balances DRY with good communication.

Lea Verou

@LeaVerou

14 years

Bad: x = x? x : y Better: x = x || y Best: x || (x = y) #jstip (credits to @paul_irish )

3

55

130

35

332

1K

Lea Verou

@LeaVerou

2 months

A historical day for CSS 😀🎉 If you write any components used and/or styled by others, you know how huge this is! background: if(style(--variant: success), var(--green)); Even if you don’t, this will allow things like: padding: if(var(--2xl), 1em, var(--xl) or var(--m),

44

239

1K

Lea Verou

@LeaVerou

3 years

This is a big day for CSS. After 25 years of devs being told that CSS cannot have parent selectors because they’re too slow, Safari TP 137 not only implements :has(), but enables it by default. And AFAIK @igalia is working on a Chrome implementation!

Release Notes for Safari Technology Preview 137

Safari Technology Preview Release 137 is now available for download for macOS Big Sur and macOS Monterey.

webkit.org

11

262

969

Lea Verou

@LeaVerou

2 years

This is big. After 2 years of hard work, @svgeesus and I are finally “officially” releasing our library Color.js into the wild! 🌈🎨🎉 My blog post: Chris’ blog post: Color.js: npm:

27

255

951

Lea Verou

@LeaVerou

6 years

Did you know that you can use CSS variables for *multiple* color coordinates? Oh yes, oh yes you can! 🤩

18

322

939

Lea Verou

@LeaVerou

7 years

TIL you can convert letters to their non-accented version by just doing: str.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); Whoa. No more 1KB lookup tables! Mind = blown! From And it’s supported everywhere!

String.prototype.normalize() - JavaScript | MDN

The normalize() method of String values returns the Unicode Normalization Form of this string.

developer.mozilla.org

20

283

928

Lea Verou

@LeaVerou

5 years

#jstip Get a list of all CSS classes used in a page (useful when eliminating unused CSS code) by pasting this in the console: [...new Set($$("[class]").flatMap(e => [...e.classList]))]

10

197

923

Lea Verou

@LeaVerou

1 year

One of the things that puzzle me the most about our industry is why do devs keep choosing React over @vuejs . It’s bloated, produces poor user experiences, makes bigger demands on tooling, respects web standards less, and has significantly poorer DX… I just …don’t get it.

162

119

884

Lea Verou

@LeaVerou

5 years

One of my favorite things about being versed in web development is using dev tools to improve my own browsing experience. Such as when I type $("video").playbackRate = 1.3 in the console to speed up a video that doesn't have UI for this. 🤓

28

120

867

Lea Verou

@LeaVerou

6 years

6 years ago, @svgeesus and I met at my first W3C TPAC in Lyon, France. We got together around 3 years later. Today, at another W3C TPAC in Lyon, I said yes ❤️

Rachel Andrew

@rachelandrew

6 years

Congrats to @svgeesus and @LeaVerou !

7

10

164

129

25

861

Lea Verou

@LeaVerou

5 years

13 years ago, when I was working as a graphic designer, I remember spending ages removing backgrounds from photos so I could use them in a composition. And now it's automatic! We're truly living in the future. 🤯

23

192

841

Lea Verou

@LeaVerou

4 years

Very humbled to be elected to the @w3ctag ! Huge impostor syndrome rn. Huge thanks to every company who voted for me. Special thanks to @bocoup and @openjsf for travel funding and @openjsf for nominating me. Looking forward to making the Web better alongside fellow TAG members!

65

22

791

Lea Verou

@LeaVerou

6 years

Bookmark this: An index of all CSS properties linking to their specifications, autoupdated with every commit: There is no other resource that includes even properties defined yesterday with no implementation. This is literally generated from the source!

6

232

760

Lea Verou

@LeaVerou

3 years

I’m old enough to remember when viewing source would actually teach us something about how the website was built… 😞 I suppose the Web is still more transparent than the completely opaque UIs of native apps, but seeing this kind of gibberish when I open devtools makes me sad. 😢

47

103

704

Lea Verou

@LeaVerou

7 years

Want to contribute to open source but feel insecure about your coding skills? Contribute to documentation! Nobody does and we need it BADLY.

28

318

698

Lea Verou

@LeaVerou

10 months

This is lovely but individual component authors should not need to figure this on their own. Menus and submenus are such a fundamental GUI component that it should be native to the web platform like it is on every other platform…

Cory LaViska

@claviska

10 months

Implemented safe triangles to improve submenu selection in @shoelace_style today.

121

552

6K

15

51

688

Lea Verou

@LeaVerou

1 month

When I saw @awesomekling ’s post about Mastodon vs Twitter in my feed I thought “Hmm, I enjoy both” and moved on. A bit later, I read a few toots and pieced the context together. TL;DR: People todaynoticed that in 2021 @awesomekling closed a PR¹ with this tiny change: The

Andreas Kling

@awesomekling

1 month

Some folks have asked why I’m not active on Mastodon. Simple answer: I like it here. X is full of positive energy and “let’s build!” Meanwhile, Mastodon is full of negative energy and “stuff sucks and it’s someone else’s fault” To protect my own mental health, I choose to hang

47

35

1K

77

27

679

Lea Verou

@LeaVerou

3 years

Can't setup washer/dryer bought in Europe because my iPhone's region is US and the @hoover_uk hOn app is not available in the US App Store. If that's not @internetofshit , not sure what is.

19

91

654

Lea Verou

@LeaVerou

6 months

Realization: CSS Nesting also allows you to basically do "else" clauses in selectors. complex-selector { if-styles; :not(&) { else-styles } } (if you’re wondering what this code is for, it’s for a bookmarklet to show element boxes for educational reasons)

9

112

661

Lea Verou

@LeaVerou

6 years

Hate how Chrome hides the spinner of an <input type="number"> until it's focus/hover? I always found it so annoying, given that the text underneath is clipped anyway. Fix it with 2 lines of CSS: input::-webkit-inner-spin-button { opacity: 1; }

7

134

632

Lea Verou

@LeaVerou

6 years

At #MirrorConf , @brunopbarbosa just asked me how to make a horizontal progress bar with CSS that changes width AND color based on its value. This was my solution!

13

150

632

Lea Verou

@LeaVerou

5 years

This @css_battle completely destroyed my productivity tonight. Can't. Stop. Playing. So addictive! BEWARE Also, who on Earth is this "Romain Deltour" guy and can he teach me his secrets? 😆

13

148

612

Lea Verou

@LeaVerou

6 years

Dear men in tech, I know u think that stuff like this is a compliment, but it comes across as patronizing. We are developers, not "women developers". Introspect why you’re so astonished that someone did well in tech while sporting a vagina. It's typically not involved in coding!

44

124

603

Lea Verou

@LeaVerou

4 years

I wrote a new blog post! LCH colors in CSS: What, why, and how? Describes what LCH colors are, why they're exciting, and releases an LCH color picker tool I made to visualize!

22

196

592

Lea Verou

@LeaVerou

4 years

New blog post! Today I tried to help a friend who's a CS scientist but not a JS person try out a JS module he found on Github and wow, the modern JS ecosystem is so unfriendly to newcomers it made me embarrassed.

48

180

595

Lea Verou

@LeaVerou

7 years

Have you noticed how most people demand scientific proof of the highest caliber when it’s about something they disagree with, but they will spam all their friends with any random blog post that confirms their existing beliefs?

18

177

579

Lea Verou

@LeaVerou

6 years

Say what you want about skeuomorphic design, pressing one of these buttons feels so much more satisfying than today’s flat buttons. 😀

39

96

556

Lea Verou

@LeaVerou

4 years

If you're doing technical writing right, coming up with the right examples takes 90% of the time. Explaining things is the easy part. The tension between making them simple enough to be easy to follow, but still reflect real use cases, not random foo/bar, is so tricky to satisfy

20

77

559

Lea Verou

@LeaVerou

2 years

Probably the most well put argument I’ve seen about this.

31

141

559

Lea Verou

@LeaVerou

6 years

If you cook, this tweet is about to make a huge difference in your life.👇 So, if you put onions in the freezer for like half an hour, they don’t make you cry when you chop them! I tried it yesterday and it actually works! You’re welcome. 😁

36

78

541

Lea Verou

@LeaVerou

4 years

[New blog post!]: The failed promise of Web Components This started as a series of tweets, but I quickly realized I needed something more long form to properly unfold my thoughts.

54

190

536

Lea Verou

@LeaVerou

6 years

// Quickly see which CSS properties your browser supports: Object.keys().map(p => p.replace(/[A-Z]/g, "-$&").toLowerCase())

4

139

520

Lea Verou

@LeaVerou

3 years

The Web is the only modern programming platform where devs need to spend time building UI just to output a basic message or solicit any input. alert(), confirm(), and prompt() serve an important function. Before deprecating them, the platform must offer better alternatives!

24

73

505

Lea Verou

@LeaVerou

8 years

TIL that if you don't work for free, you are being bought. Wow. A new low of cheapness? (The conf has 2000 attendees and is NOT non-profit.)

19

145

497

Lea Verou

@LeaVerou

6 years

Every time I post that I wish tech X did Y, I get all these dudes mansplaining how I can work around it with today’s X. I’m so fed up with this. I wasn't asking how to work around it. I KNOW how to work around it. I was merely expressing my wish to NOT have to work around it.

26

51

489

Lea Verou

@LeaVerou

6 years

When I shared some screenshots from the Web Dev Intro labs I was working on for the course I’m teaching at MIT, many of you asked for the slide deck. I’m sharing it today, hope someone finds it useful! Blog Post with link, instructions and caveats:

4

98

462

Lea Verou

@LeaVerou

3 years

Wow. Just wow.

10

81

458

Lea Verou

@LeaVerou

6 years

Making some web dev intro slides for my students, and this damn tree took me 3 hours! However, it's super flexible and now I can quickly make 5 more. I made a codepen with it, in case anyone wants it: Demonstrates: CSS Vars, CSS vars + JS, Flexbox

11

92

457

Lea Verou

@LeaVerou

7 years

Few things in life compare to the pleasure of fixing a bug by *removing* code.

6

92

458

Lea Verou

@LeaVerou

1 year

@thechangj European here. Europe doesn’t have as much of a morning culture, which is why it has a better night culture. It’s shifted. Especially for Mediterranean countries.

6

2

454

Lea Verou

@LeaVerou

3 years

[New blog post!] Dark mode in 5 minutes, with inverted lightness variables

9

92

455

Lea Verou

@LeaVerou

6 years

It has recently been brought to my attention that the contrast ratio calculator I quickly whipped together in a flight back in 2012 has mysteriously become one of my most used tools. So I bought a domain for it! Here you go:

13

144

455

Lea Verou

@LeaVerou

2 years

That is so awfully dismissive and tone deaf. No, people don’t want Safari to "just go away". People (of all genders!) want Apple to respect user choice and stop forcing everyone to use Safari on iOS whether they want to or not. It’s pretty simple, really.

Jen Simmons

@jensimmons

2 years

Gosh. Catching up with tech Twitter this morning and there seems to be an angry pocket of men who really want Safari to just go away. Do we really want to live in a 95% Chromium browser world? That would be a horrible future for the web. We need more voices, not fewer.

201

74

947

10

41

433

Lea Verou

@LeaVerou

4 months

@thompson_lav @sbearbergman That’s possibly weaponized incompetence.

4

1

423

Lea Verou

@LeaVerou

1 year

Today’s exciting development. After 18 years of writing JS, first as a web developer, and then as a library/framework author, I get a chance to join the WG that develops it. 🙏🏼 Thanks @ljharb for championing it and @openjsf for your support! *Clicks on green button* 👋🏼 @tc39 !

16

24

412

Lea Verou

@LeaVerou

4 years

We keep hearing about CSS-in-JS and we tend to assume everyone is doing it. According to the @HTTPArchive only about 2% of websites use *any* CSS-in-JS method, with Styled Components accounting for almost half of that. It's a whole different world out there folks. #WebAlmanac

13

95

406

Lea Verou

@LeaVerou

1 year

I will start adding h1, h2, h3, h4, h5, h6 { text-wrap: balance; } to all my stylesheets, just to be ready.

Wes Bos

@wesbos

1 year

This is going to make fluid + responsive typography so much better! CSS text-wrap: balance; will evenly distribute your text on available lines.

14

77

520

4

51

408

Lea Verou

@LeaVerou

7 years

What are your favorite resources for HTML/CSS/JS beginners? I’m putting together some resources & lectures for my students. For background: They’re MIT students and know how to program, but may be total beginners in Web dev.

87

59

394

Lea Verou

@LeaVerou

7 years

@jacmoe @Yamazuya @mauddromgoole Um, no. 1. It's not just "stating the obvious", it's talking like you know more than the other person. 2. It's not just about the action in isolation, it's also about the frequency. You have no idea how often it happens to us. It's not funny after the 20th time ON THE SAME DAY.

5

8

384

Lea Verou

@LeaVerou

3 months

I wish web developers realized how much concern and effort goes into improving the web platform in a way that doesn’t break existing content. Sometimes to a fault. Real example from recent discussion: “We can’t make this change [that would solve a big longstanding author pain

20

22

405

Lea Verou

@LeaVerou

5 months

This is the single best article on color spaces I have seen around. Well written, well informed and illustrated with interactive visualizations. Truly brilliant work @etportis !

8

90

398

Lea Verou

@LeaVerou

5 years

It took a few years, but we're finally fighting back the CSS-in-JS camp 😂

6

64

391

Lea Verou

@LeaVerou

4 years

Dear @Github , Please get on with the times and allow SVG uploads in comments. If you’re scared about security you can just use an <img> to display them, which disables scripts and external resources. Love xx, Lea

8

31

389

Lea Verou

@LeaVerou

6 years

A bug somehow got UNDER my screen and keeps running around for the last hour or so. It’s so freaky!

72

39

388

Lea Verou

@LeaVerou

4 years

This is so exciting! With Firefox 75 now every desktop browser supports min(), max(), and clamp() in CSS!

Firefox 75 for developers - Mozilla | MDN

This article provides information about the changes in Firefox 75 that will affect developers. Firefox 75 was released on April 7, 2020.

developer.mozilla.org

5

107

384

Lea Verou

@LeaVerou

6 years

What are the best CSS tricks you’ve seen recently that blew your mind? I will RT the best ones (i.e. the best of the best 😁)

56

79

388

Lea Verou

@LeaVerou

3 months

We’ve always told web devs that browsers prioritize what to implement based on developer demand. There is one exception: SVG. SVG is used on >65% of websites. Yet, browsers have been *refusing* to work on SVG, ignoring pressure and pain points from web devs. #StateOfHTML

36

83

388

Lea Verou

@LeaVerou

4 years

Achievement unlocked: A mini documentary about my life has been published! Whoa. 😳😊 This February, I got an email that a German company, @honeypotio wanted to film a mini documentary about about my life & career path. I thought it sounded fun, so I said yes. Today it's out!

Honeypot

@honeypotio

4 years

Check out our latest mini-doc with the Queen of #CSS , @LeaVerou 👑 She chats about her love for #coding rooted in her childhood, how she ended up at @MIT_CSAIL & the power of staying true to yourself. Check it out! 📽️

3

32

115

23

32

383

Lea Verou

@LeaVerou

4 years

I love using @GithubDesktop and if you think it’s only for novices who aren't comfortable with the Terminal, you are missing out. Thread 👇

33

56

384

Lea Verou

@LeaVerou

1 month

@awesomekling Often fixing typos in docs is someone’s first contribution to a project. But even if it’s drive-by, so what? It’s not like it’s touching code in a substantial way and someone would be stuck maintaining it. The main question here is “Does this PR leave the project better than

6

4

382

Lea Verou

@LeaVerou

6 years

Do you know about the pointer media query? It lets you detect whether a screen is primarily touch-based and is supported everywhere except Firefox! Demo (try it on a phone too!): Docs:

pointer - CSS: Cascading Style Sheets | MDN

The pointer CSS media feature tests whether the user has a pointing device (such as a mouse), and if so, how accurate the primary pointing device is.

developer.mozilla.org

11

97

359

Lea Verou

@LeaVerou

5 years

. @urbansitter Right after purchasing a monthly subscription…

21

40

353

Lea Verou

@LeaVerou

3 years

Been looking forward to this!

Elad Shechter

@eladsc

3 years

#CSS Positions got the 'inset' property, a shorthand to describe all the directions combined. Now has full support in all the updatable browsers.

32

871

4K

5

52

354

Lea Verou

@LeaVerou

3 years

In my experience more often than not “full stack” means “I’m a backend programmer who thinks frontend is trivial (far left on the Dunning-Kruger curve)”

20

67

349

Lea Verou

@LeaVerou

3 years

It's a shame that every website needs to build its own emoji picker — a nontrivial amount of code and very easy to get wrong/inaccessible/non-inclusive, when the OS already has one. @whatwg folks, has any proposal gotten traction for a way to tackle this in HTML?

20

34

352

Lea Verou

@LeaVerou

4 years

Well, that turned out *a bit* more blue than I had planned 😅 Pretty there are colors outside sRGB in this black to blue to turquoise gradient!

20

3

347

Lea Verou

@LeaVerou

8 years

Expecting speakers to make a whole new talk for every conference is like expecting singers to compose a new album for each concert.

13

109

346

Lea Verou

@LeaVerou

11 months

Number.isNaN() would be better than isNaN() they said. It will fix all the problems with isNaN() they said.

18

22

346

Lea Verou

@LeaVerou

6 years

@ryanflorence @jina Wow, she’s gorgeous!!

3

0

304

Lea Verou

@LeaVerou

12 years

The CSS holy grail: Vertical centering http://t.co/ktDL9y4x Flexbox + graceful degradation with good ol’ margins. By yours truly & @dstorey

13

123

336

Lea Verou

@LeaVerou

8 years

Firefox implements CSS variables, nobody cares. Chrome implements CSS variables, suddenly everyone is talking about how awesome they are.

37

327

337

Lea Verou

@LeaVerou

5 years

I made a quick utility to convert SVG paths to all-relative or all-absolute commands and blogged about it. Hope it's useful to someone else too! Blog post: Utility:

Convert SVG path to all-relative or all-absolute

...

codepen.io

4

73

337

Lea Verou

@LeaVerou

7 years

Dear @github , please allow private bug reports for security issues? It sucks having to use old school email for those.

7

74

327

Lea Verou

@LeaVerou

5 years

I visit an e-shop and start browsing to make a purchase. My PURCHASE is INTERRUPTED by a popup asking me to subscribe to their newsletter. What kind of moron thought interrupting customers WHILE THEY ARE BUYING STUFF would improve sales?!

17

53

325

Lea Verou

@LeaVerou

3 years

To anyone saying there are libraries for this: BASIC 👏🏼 I/O 👏🏼 SHOULD 👏🏼 NOT 👏🏼 REQUIRE 👏🏼 A 👏🏼 F*CKING 👏🏼 LIBRARY! 👏🏼 Now let’s say it again louder for the people in the back. Having to look for a library to do basic stuff is *extremely* hostile to learners (and prototyping)

9

33

319

Lea Verou

@LeaVerou

9 years

World, meet Bliss: A 3KB library for happier Vanilla JS In a way, I’ve been working on this for 8 years. Excited!

13

175

315

Lea Verou

@LeaVerou

7 years

OMG I just installed the file-icons package in @AtomEditor and I'm in love with it!! WHERE WAS THIS ALL MY LIFE?!?

20

64

314

Lea Verou

@LeaVerou

7 years

Today was one of those days where you spend hours and hours on a seemingly simple task, but somehow every step of the way spawns 5 more problems. 9 hours later, you sort of get it done but it’s all held together by duct tape and you feel dirty and defeated. ☹️

18

33

315

Lea Verou

@LeaVerou

8 years

After years of wanting to do something with pink on my hair, I finally did it in Singapore! Purple to magenta ombré with blue highlights!

31

1

304

Lea Verou

@LeaVerou

4 years

How predictable. Dare to share a GUI tool you like and here come the mansplainers thinking you can’t use a terminal or lookup a command. 🙄 Um no dears. I’m not less knowledgeable of the terminal than you. I’m just more aware of usability, having spent 6 years doing a PhD in it.

20

19

309

Lea Verou

@LeaVerou

6 years

You think you can teach people who are new to CSS to start layout with the much easier Flexbox & Grid, then you realize 99% of resources they find on the Web are about floats, inline-block, absolute positioning, and table layout. :(

15

55

306

Lea Verou

@LeaVerou

6 years

Translation: I only fund 20-something founders who have no responsibilities and no children to feed, and their mommy and daddy can help if the startup fails.

Josh Felser

@Joshmedia

6 years

I still can't fund founders who are waiting to quit their jobs before they go full time. I get the financial constraint but I want to back founders who are so compelled that they cant even imagine doing anything else

175

199

1K

5

53

306

Lea Verou

@LeaVerou

12 years

Overlay behind lightbox in one simple line: outline: 9999px solid rgba(0,0,0,.3);

29

198

306

Lea Verou

@LeaVerou

4 years

Also image lazy loading!! <img loading=lazy> 🎉

Lea Verou

@LeaVerou

4 years

This is so exciting! With Firefox 75 now every desktop browser supports min(), max(), and clamp() in CSS!

5

107

384

6

86

303

Lea Verou

@LeaVerou

1 year

I have huge respect for Douglas and what he’s done for the Web, but this is a bit tone deaf to developer needs. No, you should *probably* not build a medium or larger web app today by “just” using the DOM directly or with thin abstractions like the one he proposes. Either you

Cory LaViska

@claviska

1 year

“The DOM is much less deficient and much more portable and reliable. That is why I now recommend abandoning the libraries, which have grown into bloated platforms, and instead using the DOM and plain old JavaScript together.”

15

30

169

17

48

300

Lea Verou

@LeaVerou

8 years

Awesome font for illustrations where you want to display text in a simplified way, as lines:

3

149

296

Lea Verou

@LeaVerou

1 year

📣 Announcement! Google is funding me to design a new #StateOfHTML survey, to complement the well-established #StateofJS & #StateofCSS surveys. As a believer in transparency and co-design, I’m opening up the design process to community input:

8

77

304

Lea Verou

@LeaVerou

4 years

::marker { content: var(--marker); } allows us to have custom markers (including, but not limited to, emoji) with just one property, either on the <li> or an ancestor! E.g. li.con { --marker: "👎🏼"; } Demo: Browser support:

5

80

303

Lea Verou

@LeaVerou

7 years

Twitter's new design looks like it's done by someone learning CSS who got a bit too excited by border-radius. Gawd, look at the padding…🤢🤢🤢

28

86

297

Lea Verou

@LeaVerou

1 year

Today I had an experience that shook me to my core and I can’t stop thinking about it. We were having a nice dinner at a restaurant in Skopje. Nothing too fancy, just local food at a local restaurant. A girl passed by selling balloons, she must have been around 9 or so. My 4 yo

10

13

299