Sign in with Twitter


Lea Verou @LeaVerou Cambridge, MA

HCI researcher @MIT_CSAIL, @CSSWG IE, @CSSSecretsBook author, Ex @W3C staff. Made @prismjs @dabblet @prefixfree. I ♥ standards, code, design, UX, life!

781 Following   67,902 Followers   25,605 Tweets

Joined Twitter 2/27/09

Hate Stata? You must have a phobia of over-engineered buildings, a.k.a. a complex complex complex.
Retweeted by Lea VerouSo, color is a measurable, reproducible sensation. And @svgeesus will tell you all about it
Retweeted by Lea Verou
prepend(), append(), before(), after() & replaceWith() will ship in Firefox 49 Per DOM spec
Retweeted by Lea Verou @Hectorsito20 Yay! So glad to hear that!!!Fascinating article: Microaggressions, Trigger warnings and the coddling of the American Mind via @amyxzh
@LeaVerou I think Firefox's behaviour is right according to the DOM spec.
Retweeted by Lea Verou @johnste_ @ziyunfei @leaverou One callback but with 2 records, right?Just wasted hours due to this, beware: Firefox fires mutation observers even when the content didn't change Test: @Hashnoder FYI, CSS3 is a made up term. It's CSS 2.1 broken up into different modules, per @LeaVerou's book.
Retweeted by Lea Verou
@LeaVerou CSS Secrets is a joy to go through. Love the whole experience of the book!
Retweeted by Lea VerouActual recruiting slides by DirectX creator and sexist asshole Alex “The Saint” St John (
Retweeted by Lea Verou @efrikio then you clearly haven't read about these issues and should listen more. Here, educate yourself for free:
@efrikio @diana_aceves_ @nabaroa @sazzy it's a sexist diminutive. You don't refer to men as boys. Stop being offended and educate yourself.
@AMehdiW I love cheese but you gotta send me an email to discuss the specifics :) @efrikio @diana_aceves_ @nabaroa @sazzy please don't refer to grown up women as girls.Apparently the average web page weight is now the same as the original Doom. Installed. 😲
Retweeted by Lea Verou @diogofsimoes @csssecretsbook Αμε! Να το φέρεις, θα στο υπογράψω μετά χαράς :) @diogofsimoes sadly not. :( but I will be in the summer!
@stffndtz Do you have an online testcase? @svgeesus might also be able to help.
@GitHubHelp Is there any way to ask for an unused username? It's registered 3 years ago, no repos, no info, completely empty profile. @oscargodson @avraamakis With the same logic, Notepad is better than a word processor, because the word processor needs more code. @oscargodson @avraamakis While the parser is larger, it's still a pretty simple and unambiguous format to parse, just less than JSON. @oscargodson @avraamakis First time you actually made it clear you're talking about the amount of code in the HJson parser, not HJ code […] @GrumpyWizards White space is removed to save space. There's nothing inherently evil or heavy in it. \n and , have exactly the same weight. @oscargodson @leaverou @avraamakis I’m suggesting you're making strawman arguments here. What do large code bases have to do with Hjson? @avraamakis @oscargodson The fact that relaxed syntax is easier for humans is not a new idea. It's why HTML succeeded and XML did not. @oscargodson @avraamakis Again, do you actually have any specific arguments against Hjson or just general vague fears about lax syntax? @oscargodson @leaverou @avraamakis A link to a tangentially related paper from 40 years ago doesn't automatically prove your point. @GrumpyWizards You just leave the line breaks. One line break has exactly the same weight as 1 comma. @AllThingsSmitty But did you actually read the book? :PDreamed I was fighting with my bro and @LeaVerou showed up and said, “Guys, stop fighting and read my #CSS book”. And then there was peace.
Retweeted by Lea VerouWow this is soooooo needed. Scroll anchoring fixes the weird mobile web page shuffle. Now in Canary / Dev.
Retweeted by Lea Verou @oscargodson @avraamakis Your experience is neither a logical argument, not a proof of your claims, and 10 years is not even that long. @GrumpyWizards A line break is 1 character. A comma is 1 character. Not sure how one is smaller than the other. @oscargodson @leaverou @avraamakis How so? Do you actually have any concrete examples or just general fear of progress? @craigfrancis The parsing issues in HTML are about invalid HTML, which is still parsed. Not because of relaxed syntax. @LeaVerou interesting watching from afar how ux/design can enrage/harm a user, and then be saved by human/customer engagement. fullcircle
Retweeted by Lea Verou
.@Sprintax_USA After that, I got excellent personal service, my taxes were done quickly & checked by a human. I totally recommend them now!So @Sprintax_USA contacted me today. Turns out the live chat person was clueless and they DO support income code 12. It was just a UI issue.You will be able to do addEventListener('type', handler, { once: true }) natively instead of removeEventListener!
Retweeted by Lea Verou
@avraamakis Disambiguation doesn't seem to be an issue, so why not?HJSON: The Human JSON. More forgiving syntax, comments, unquoted strings Awesome! I want native support! @robwierzbowski I cannot use TurboTax because I'm not a US citizen/permanent resident. @KevinLozandier they were :) hopefully the resulting paper gets in! @KevinLozandier no, it is not, sorry! @xkit @Sprintax_USA what if I hadn't noticed?? This service is DANGEROUS..@Sprintax_USA = crooks. It lets u enter unsupported income codes & SILENTLY IGNORES THEM, making u liable for fines
@kevinmarks no, tell me! @MaxArt2501 @aerotwist Exactly my worry about Houdini. Great initiative, but often used as an excuse to avoid implementing anything. @aerotwist @LeaVerou Houdini looks awesome to no end, but I hope won't be an excuse to stop developing CSS features (as this should be IMO).
Retweeted by Lea VerouGoogle autocomplete brings the harsh realization that none of us is the unique snowflake we think. Any random search has been tried before. @SteveRaskin @stelian good. Don't do that! @aerotwist yep, fortunately @LeaVerou has your back: . Links to relevant safari/chrome/edge/ff bugs at the bottom.
Retweeted by Lea Verou @aerotwist Spec's been proposed long ago, @LeaVerou created a very good polyfill. It's time to evolve things in browsers, don't you think?
Retweeted by Lea VerouTIL you can’t make a conical / angular gradient in either CSS or SVG without some serious shenanigans.
Retweeted by Lea Verou
oh. my. god.
Retweeted by Lea Verou @devilmanraj yes with transitionend event. But better do it in CSS, e.g.: transition: .5s width, 1s .5s opacity;
@StevenGodwin Send a pull request! :)I just learned about width: min-content; and max-content from @LeaVerou's CSS Secrets book and it's everything I ever wanted *_*
Retweeted by Lea Verou
Oh, hey, a box with text and a border on a site using flat design. Is it just text? A textbox? A button? WHO THE FUCK KNOWS.
Retweeted by Lea VerouAlso, flat design? oi. fucking hell. Flat design, also known as removing all indicators of what something is.
Retweeted by Lea Verou @SincerelyTumblr Applies to LaTeX too.using microsoft word *moves an image 1 mm to the left* all text and images shift. 4 new pages appear. in the distance, sirens.
Retweeted by Lea Verou
@gumnos @creativecloud Actually, the 2nd support guy (Manoj) was awesome. He worked hard for 2 HOURS on my computer trying to solve it. @AdobeCare it's not that simple. I'm in a remote support session for an hour now. Poor guy still can't solve it but is trying. @_juanmnl @creativecloud Unfortunately, it's not like there are any real alternatives to Photoshop or Illustrator. :( @AdobeCare Not a very smooth experience so far. More like a horror movie, esp. since I'm on a deadline. :( @AdobeCare I created a new account. Now struggling with Photoshop install issues, as it fails at 42% :(. Tried the live chat, still waiting.Apparently, @creativecloud thinks people never move countries. Impossible to change region. Support suggests creating a new account. #FAIL
@LeaVerou Couldn't wait to let u know I finally got my hands on your amazing book! In a Polish bookstore! 😀
Retweeted by Lea Verou @courtneynash @stubbornella Thank you! It's this one: @Jilles CSS Secrets by @LeaVerou is an absolute must-read if you are looking for really amazing tips:
Retweeted by Lea Verou @stubbornella @LeaVerou Next, Lea needs to read him "Red Hat, Green Hat, Blue Hat, Alpha Hat".
Retweeted by Lea VerouMy baby is fascinated as @LeaVerou explains the box model to him. ;)
Retweeted by Lea Verou @dalecruse @chriseppstein That does not answer my question.
@dalecruse scientifically a calorie means nothing. But whatever helps everyone. We're ok with @chriseppstein now, why are you interfering?Great alternative to the hamburger menu (just the 1st one): via @zeldman @chriseppstein Whoa. I was trying to be helpful. Ok, ok, you're not doing it wrong! Sorry if I offended you™ @marijnjh No worries, that's exactly how we do plugins in @prismjs too :) @christopherdan You were on the wrong site. I should delete it at some point. @marijnjh Thanks! Re: more complex, eh, it's better than nothing and I'm good at pattern matching :) @chriseppstein 2. Gourmet food isn't usually too fattening. Portions are small, and they're not trying to cut costs by bloating with carbs. @chriseppstein 1. Counting calories is doing it wrong. All research points to carbs being the bad guy. @marijnjh Thanks! Are you aware of any plugins doing that or anyone that wrote something describing the API? Can't find much on plugins.let x = (() => { for (var i = 0; i < 5; i++) { try { return i; } finally { if (i != 3) continue; } } })(); console.log( x ); // ? #js
Retweeted by Lea VerouEmulating "box-shadow-color" CSS property (doesn't exist) using CSS Custom Properties
Retweeted by Lea Verou @christopherdan This is the correct site: @marijnjh Hi, is it possible to add a new binary operator to acorn at runtime? Is it just a matter of adding it to acorn.tokTypes? Thanks!
For CSS Day: @AmeliasBrain, @vasilis, @Una, @svgeesus, @csswizardry, @M_J_Robbins, @LeonieWatson & @gregwhitworth
Retweeted by Lea Verou @LeaVerou in good company
Retweeted by Lea VerouFor our HTML Special we've got @notwaldorf, @adactio, @ppk, @html5test, @zcorpan, @LeaVerou, @yoavweiss and @kuvos:
Retweeted by Lea Verou
@SonnyZhouff There is a Chinese version too! @przemkow Wow, is this Polish?? I didn't know it was translated to Polish! :DJust got it! After few pages it seems that @LeaVerou made a really good job!
Retweeted by Lea Verou @ArthurGouveia Kindles are the devil's spawn. The book is so much better on PDF or print :'( @diego_ar @LeaVerou only a few pages left. Truly amazing material!
Retweeted by Lea VerouI just finished CSS Secrets by @LeaVerou. Great book, worth reading!
Retweeted by Lea Verou @anathematic Oops, need to add it!I just finished reading @csssecretsbook. Definitely one of the greatest technical books I've ever read. Loved it from start to finish.
Retweeted by Lea Verou @Timidfriendly @svgeesus It's not about that, it's about the constant realization that most people are stupid, incompetent, or both. :P