Diana Le @dianale.bsky.social · 29/09/2026Reddit post said AI creates better & faster designs than UX designers. I replied UX requires research, testing w/real users to get feedback to solve a problem. Someone else replied nope, an adversarial agent will test, review, & create the solution. I love web dev but the industry is... changing 🫠 001
Diana Le @dianale.bsky.social · 26/09/2026The Send/Share pop-up for Instagram on Android has had misaligned buttons for days or weeks ever since they added the Muse AI option. This is probably written in something like Flutter and not CSS but I want to `align-items: center` this so bad 110
Reposted by Diana LeScott Jehl @scottjehl.com · 10/09/2026The 8hr course remains just $25 with the coupon, or you can pay whatever you want—even $0—by emailing me. In between jobs? In school? Whatever, I don’t need a reason. Hit that contact form and learn a bit about web components. 👊 02310
Diana Le @dianale.bsky.social · 06/08/2026The State of Devs survey is now open! Turns out I had a lot to say because I've done these "State of..." surveys for years and have never written so many comments for a single one. Felt therapeutic since it's a bit stressful in the industry (and elsewhere) at the moment 💆🏻♀️survey.devographics.comState of Devs 2026Take the State of Devs survey 0103
Diana Le @dianale.bsky.social · 10/06/2026For the "Sand" challenge this week I immediately thought of Super Mario Bros 2's desert levels. I recreated a portion of World 2-1 with the treacherous shifting quicksand using only CSS (and careful math)! This was a lot of fun: #codepenchallenge #codepen #videogames codepen.io/pursuitoflei...codepen.ioSuper Mario Bros 2 World 2-1 recreated using CSSRecreating a small section of World 2-1 from Super Mario Bros 2 (including the treacherous moving quicksand) using CSS: grid, flexbox, animations, abso... 030
Diana Le @dianale.bsky.social · 03/06/2026The State of CSS 2026 survey (and my annual reminder that subgrid is baseline widely available) is out. Much shorter this year focusing on the most important features of 2026 — come check it out! 👩🏻💻survey.devographics.comState of CSS 2026Take the State of CSS survey 010
Diana Le @dianale.bsky.social · 28/05/2026Fun experiment with layouts: what if cards didn't have to be uniform and perfectly aligned? No aspect-ratio, no object-fit, no line-clamp — just let content be & make it dynamic. Using JS to determine image orientation, CSS column span in masonry-lite layout using grid w/minmax() #codepenchallengecodepen.ioShopping Layout - allow varying content sizes for cardsWhat if cards didn't have to be completely uniform and perfectly aligned? No aspect-ratio, no object-fit, no line-clamp. Just let content be and make ... 010
Diana Le @dianale.bsky.social · 22/05/2026Google has since patched this in the laziest way possible: by disabling AI Overview for the word "disregard." Other searches like for "ignore" treat the word like a command rather than a search term. I stopped using Google Search over 6 months ago because of AI overviews and don't miss it at alltechcrunch.comYou can no longer Google the word 'disregard' | TechCrunchAfter Google Search's AI update, the word "disregard" now effectively breaks the search interface. 010
Diana Le @dianale.bsky.social · 20/05/2026There are some great discounts right now on courses from fantastic devs (I've happily purchased from all of them): Scott Jehl - Web Components ($10 w/code Just10): scottjehl.com/learn/webcom... Sara Soueidan - Accessibility: practical-accessibility.today Josh Comeau: www.joshwcomeau.com/courses/ 000
Reposted by Diana LeAndy Bell @bell.bz · 30/04/2026don't let tech companies make their marketing and revenue aspirations part of the web platform challenge 610921
Diana Le @dianale.bsky.social · 28/04/2026Let's do this again! I just backed Build Awesome Pro on @kickstarter.comkickstarter.comBuild Awesome ProA better way to build web sites. Fast, flexible, and built to last. 000
Diana Le @dianale.bsky.social · 14/04/2026Whether you like generative AI, are forced to use it at work, or don't use it at all (because you are completely unenthused about it 🙋🏻♀️), the State of AI survey is for you:survey.devographics.comState of AI 2026Take the State of AI survey 041
Diana Le @dianale.bsky.social · 05/04/2026Getting back into coding after time off & I'm shocked by how much AI you have to opt out of. Declined twice on a new Firebase project but Gemini is all over the start screen. And VS Code added Copilot chat (even w/o subscription) into the Terminal pane — the ONE place I want pure, correct commands 010
Diana Le @dianale.bsky.social · 06/03/2026Disclaimer: First time participating and I'm not familiar with everyone competing so believe me I have much respect for everyone's rad CSS skills 😅 Check out my March Mad CSS bracket picks! 🏀 madcss.com/bracket/purs...madcss.compursuitofleisure's Bracket | March Mad CSSCheck out pursuitofleisure's bracket picks! 000
Reposted by Diana LeLaura Kalbag @laurakalbag.com · 27/01/2026My book, Accessibility For Everyone, is now free and online as a website. accessibilityforeveryone.site The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.accessibilityforeveryone.siteAccessibility For Everyone by Laura KalbagRead the book online for free. 9310193
Diana Le @dianale.bsky.social · 09/12/2025I became a CPACC (Certified Professional in Accessibility Core Competencies) earlier this year, and while I'm glad I took the test, there were some surprises and the steps weren't entirely smooth. I walk through my experience of the entire process to help you decide if this test is for you 👩🏻💻dev.toBetter Accessibility: My Path to the CPACCI took the Certified Professional in Accessibility Core Competencies (CPACC) exam offered by the... 121
Diana Le @dianale.bsky.social · 29/07/2025State of HTML survey is live! The first time I took this survey I was blown away by how many new features and APIs get added to humble HTML. I love learning about completely new things, like the existence of a new image format called JPEG XL (.jxl)survey.devographics.comState of HTML 2025Take the State of HTML survey 000
Reposted by Diana LeMapQuest @mapquest.com · 18/07/2025Colbert once flamed us on national TV. We printed it, taped it to the glovebox, and wear it as a badge of honor. 22848146
Diana Le @dianale.bsky.social · 18/06/2025The State of CSS 2025 survey is now open. Happy to say I have at least *heard of* the majority of features that are newer or released this yearsurvey.devographics.comState of CSS 2025Take the State of CSS survey 000
Diana Le @dianale.bsky.social · 29/04/2025Use the new ARIA landmark <search> for search forms and related filters - a really easy change to make these more accessible #webdev #html #frontenddev.toUse the new ARIA landmark <search> for search forms and filtersARIA landmark roles are sections of a web site that are so important to the page that they warrant... 000
Diana Le @dianale.bsky.social · 23/04/2025If you're not familiar, the State of Devs runs annual surveys on HTML, CSS, JavaScript, React, but this is the first time they're running a survey on who developers are and the challenges we face in our careers (burnout, AI, layoffs), along with hobbies and fun stuff. It's nice and short!survey.devographics.comState of Devs 2025Take the State of Devs survey 010
Diana Le @dianale.bsky.social · 11/11/2024Finally replaced the bird icon on my portfolio site with Bluesky instead (Thanks FontAwesome for adding the logo). I met amazing people on Twitter, and am thankful for dialogue with video game and web developers I've admired, but I'm happy we're finally all moving on 010
Diana Le @dianale.bsky.social · 04/11/2024My interactive electoral map is back and improved for 2024! Obsessively click along on Election Night! 🇺🇸 - Updated electoral votes based on 2020 census - Ability to save/reset the map state using browser local storage - Minor UX improvements - New brighter color scheme to reduce existential dreadpursuitofleisure.github.ioInteractive US Presidential Electoral Map 2024Interactive US Presidential Electoral Map 2024 by Diana Le. Click each state to assign totals to candidates and watch their progress 010
Diana Le @dianale.bsky.social · 19/09/2024What if we knew the compatibility timeline of new browser features before writing a single line of code? 👩🏻💻 Today we do with Baseline: #webdevdockyard.comSimplify Browser Compatibility Decisions with BaselineStay up to date with browser compatibility without excluding and making the experience worse for any users. 000
Diana Le @dianale.bsky.social · 29/08/2024"A flashing blue light indicates the router is connected to the internet but not connected to the internet." 🤦🏻♀️ One day Google will bring back its web search results circa 2014 and people will proclaim it as a major upgrade 010
Diana Le @dianale.bsky.social · 23/05/2024When you don't want to write a Google Maps restaurant review yourself and you're not ashamed of it: 000
Diana Le @dianale.bsky.social · 29/01/2024LinkedIn "Powered by AI" is hilariously writing engineering knowledge articles like "How do you become a Flash developer" in 2024, and getting positive supportive comments from the LinkedIn community (via bots??). Too bad Flash reached end of life in 2020 and isn't supported anywhere. 021
Diana Le @dianale.bsky.social · 23/12/2023Woo finally upgraded to an Xbox Series X! Let's boot up Mass Effect Legendary Edition for that last achievement I need. 020
Diana Le @dianale.bsky.social · 25/10/2023Learn how to get started with CSS container queries: a new super-powered alternative to media queries: dev.to/dianale/css-... #css #stateofcss2023 #FrontEndDeveloper #DEVCommunitydev.toCSS Layouts: Get Started with Container QueriesWelcome to another year of the State of CSS. Like for last year's State of CSS 2022, I will be... 001
Diana Le @dianale.bsky.social · 16/10/2023First time I made a proper effort to photograph an eclipse and it was incredible, although stressful trying to chase down a place with clear visibility. I chose San Antonio where the clouds cleared JUST in time #solareclipse #solareclipse2023 #annularsolareclipse #annularsolareclipse2023 120
Diana Le @dianale.bsky.social · 24/09/2023Summer Sunday Squirrel Series Houston had a few days last week where 93 degrees felt like a cold front, but then humidity came back, heat indexes rose above 100 degrees, and squirrels were again splooting under the trees #squirrelsummer #summerofsploots #houmidity #houston #squirrel #splooting 010
Diana Le @dianale.bsky.social · 18/09/2023Summer Sunday Squirrel Series Houston is FINALLY back down to the 90s this whole week. The squirrels are no longer splooting as much, but there are some good photos left. #squirrelsummer #summerofsploots #houmidity #houston #squirrel #splooting 010
Diana Le @dianale.bsky.social · 10/09/2023Summer Sunday Squirrel Series Peak summer and the most humorous set of squirrel poses for far. Got confirmation that this main squirrel is definitely a boy. #squirrelsummer #summerofsploots #houmidity #houston #squirrel #splooting 010
Diana Le @dianale.bsky.social · 04/09/2023Summer Sunday Squirrel Series Peak summer has passed (finally) in Houston but the photos are a little delayed so we're not quite peak summer with squirrels yet. #squirrelsummer #summerofsploots #houmidity #houston #squirrel #splooting 010
Diana Le @dianale.bsky.social · 27/08/2023Summer Sunday Squirrel Series Summer continues to be sweltering in Houston. Today might set the record for hottest day here ever. Let's continue to appreciate these resourceful squirrels trying to find any way to cool down: #squirrelsummer #summerofsploots #houmidity #houston #squirrel #splooting 010
Diana Le @dianale.bsky.social · 20/08/2023Summer Sunday Squirrel Series It's been a miserably hot summer in Houston so let's count down to fall and appreciate the poor Texas squirrels who have had to suffer through this terrible heat through no fault of their own: #squirrelsummer #summerofsploots #houmidity #houston #squirrel #Splooting 010
Diana Le @dianale.bsky.social · 11/08/2023Company: "Hold your hands like so. We will digitally insert the product into your hands later." Model: "Am I holding a luxury handbag?" Company: "Uhh... Yeaaaaahhh." 000
Diana Le @dianale.bsky.social · 01/08/2023Create an element like a banner and easily keep it the same proportion on all screens with CSS aspect-ratio: #css #stateofcss2022 #FrontEndDeveloper #DEVCommunitydev.toCSS Layouts: Maintain Element Proportions with aspect-ratioIntroduction Banner Example iframe Example Images Introduction There are times you'll... 050