Sign in

Diana Le

@dianale.bsky.social
36 followers 19 following 59 posts

Front-End Engineer [HTML, CSS, JavaScript] | CPACC (Certified Professional in Accessibility Core Competencies) | Web Developer www.dianale.dev www.linkedin.com/in/dianale

PostsRepliesMedia
Diana Le @dianale.bsky.social · 29/09/2026
Reddit 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/2026
The 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
The send/share menu pop-up for Instagram on Android, with buttons: Copy link, Muse, Add to story, Share, SMS, Messenger, Facebook, WhatsApp. The SMS and Messenger buttons are somewhat vertically centered while all the other buttons touch the top border
110
Reposted by Diana Le
Scott Jehl @scottjehl.com · 10/09/2026
The 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/2026
The 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.com
State of Devs 2026
Take the State of Devs survey
0103
Diana Le @dianale.bsky.social · 10/06/2026
For 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.io
Super Mario Bros 2 World 2-1 recreated using CSS
Recreating 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/2026
The 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.com
State of CSS 2026
Take the State of CSS survey
010
Diana Le @dianale.bsky.social · 28/05/2026
Fun 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() #codepenchallenge
codepen.io
Shopping Layout - allow varying content sizes for cards
What 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/2026
Google 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 all
techcrunch.com
You can no longer Google the word 'disregard' | TechCrunch
After Google Search's AI update, the word "disregard" now effectively breaks the search interface.
010
Diana Le @dianale.bsky.social · 20/05/2026
There 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 Le
Andy Bell @bell.bz · 30/04/2026
don't let tech companies make their marketing and revenue aspirations part of the web platform challenge
610921
Diana Le @dianale.bsky.social · 28/04/2026
Let's do this again! I just backed Build Awesome Pro on @kickstarter.com
kickstarter.com
Build Awesome Pro
A better way to build web sites. Fast, flexible, and built to last.
000
Diana Le @dianale.bsky.social · 14/04/2026
Whether 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.com
State of AI 2026
Take the State of AI survey
041
Diana Le @dianale.bsky.social · 05/04/2026
Getting 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/2026
Disclaimer: 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.com
pursuitofleisure's Bracket | March Mad CSS
Check out pursuitofleisure's bracket picks!
000
Reposted by Diana Le
Laura Kalbag @laurakalbag.com · 27/01/2026
My 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.site
Accessibility For Everyone by Laura Kalbag
Read the book online for free.
9310193
Diana Le @dianale.bsky.social · 09/12/2025
I 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.to
Better Accessibility: My Path to the CPACC
I took the Certified Professional in Accessibility Core Competencies (CPACC) exam offered by the...
121
Diana Le @dianale.bsky.social · 29/07/2025
State 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.com
State of HTML 2025
Take the State of HTML survey
000
Reposted by Diana Le
MapQuest @mapquest.com · 18/07/2025
Colbert 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/2025
The 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 year
survey.devographics.com
State of CSS 2025
Take the State of CSS survey
000
Diana Le @dianale.bsky.social · 29/04/2025
Use the new ARIA landmark <search> for search forms and related filters - a really easy change to make these more accessible #webdev #html #frontend
dev.to
Use the new ARIA landmark <search> for search forms and filters
ARIA 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/2025
If 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.com
State of Devs 2025
Take the State of Devs survey
010
Diana Le @dianale.bsky.social · 11/11/2024
Finally 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/2024
My 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 dread
pursuitofleisure.github.io
Interactive US Presidential Electoral Map 2024
Interactive 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/2024
What if we knew the compatibility timeline of new browser features before writing a single line of code? 👩🏻‍💻 Today we do with Baseline: #webdev
dockyard.com
Simplify Browser Compatibility Decisions with Baseline
Stay 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
Google search on "Asus zenwifi blinking blue light" and Google's AI Overview unhelpfully saying, "a flashing blue light indicates the router is connected to the Internet but not connected to the Internet"
010
Diana Le @dianale.bsky.social · 23/05/2024
When you don't want to write a Google Maps restaurant review yourself and you're not ashamed of it:
Google review of a restaurant where the user has left the output text from an LLM AI intact in the actual review:

"Sure, here's a more descriptive draft for your Google Review:"
000
Diana Le @dianale.bsky.social · 29/01/2024
LinkedIn "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.
An engineering article on LinkedIn with the title "How do you become a Flash developer?". Subtitle: "Powered by AI and the LinkedIn community"A LinkedIn "contributor" with a comment elaborating on how to become a Flash developer by acquiring proficiency in Adobe Flash and ActionScript programming.
021
Diana Le @dianale.bsky.social · 23/12/2023
Woo finally upgraded to an Xbox Series X! Let's boot up Mass Effect Legendary Edition for that last achievement I need.
Mass Effect Legendary Edition start screen completely pixelated in rainbow colors
020
Diana Le @dianale.bsky.social · 25/10/2023
Learn how to get started with CSS container queries: a new super-powered alternative to media queries: dev.to/dianale/css-... #css #stateofcss2023 #FrontEndDeveloper #DEVCommunity
dev.to
CSS Layouts: Get Started with Container Queries
Welcome 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/2023
First 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
Collage of 9 images of the progression of the eclipse from partial, to total, and partial againTotal annular eclipse - the ring of fire
120
Diana Le @dianale.bsky.social · 24/09/2023
Summer 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
Collage of 2 images of squirrels cuddling while splooting underneath an oak treeCollage of 2 images of two different squirrels. On the left, a squirrel seemingly has its jaw dropped upon seeing the squirrel on the right in its favorite nap spotCollage of 2 images of a squirrel napping on its side and then barely trying to get up
010
Diana Le @dianale.bsky.social · 18/09/2023
Summer 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
Collage of 4 images of a squirrel turning and then lying on his back in the roots of an oak tree, shamelessly exposing his genitalsCollage of 4 images of a squirrel lying on his side, seeming to get up, and then choosing to lie back downCollage of 2 images of a squirrel sitting and seeming to stare into space while his large genitals are exposed
010
Diana Le @dianale.bsky.social · 10/09/2023
Summer 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
Squirrel lying down as if he were in a chaise lounge in the roots of an oak treeCollege of 4 images of a squirrel first napping and then sitting up and slowly folding in half until he rests his face and uses his scrotum as a pillowCollege of 4 images of a squirrel lying on his side and eventually his back in a play-dead nap pose in the roots of an oak treeCollege of 2 images of a squirrel sitting and then running off in a blur in the thick branches of an oak tree
010
Diana Le @dianale.bsky.social · 04/09/2023
Summer 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
Collage of 2 images of a squirrel sliding into a squished nap position at the base of an oak treeCollage of 4 images of a squirrel resting its chin on an oak tree rootCollage of 4 images of a squirrel coiling up like a snake in the roots of an oak tree
010
Diana Le @dianale.bsky.social · 27/08/2023
Summer 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
Collage of 4 images of a squirrel crouching in the roots of an oak tree and seeming to notice the cameraCollage of 4 images of a squirrel splooting on top of the roots of an oak treeCollage of 4 images of a squirrel splooting in the roots of an oak treeCollage of 4 images of a squirrel splooting horizontally on the floor of an oak tree and then transitioning to a vertical sploot
010
Diana Le @dianale.bsky.social · 20/08/2023
Summer 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
Collage of 4 images of a squirrel stretching and ready to defend its nap spot under an oak treeCollage of 4 images of a squirrel splooting against the root of an oak treeCollage of 4 images of a squirrel curling up and taking a nap under an oak tree
010
Diana Le @dianale.bsky.social · 11/08/2023
Company: "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."
Glamorous model holding a handbag decorated with smiling anthropomorphic teeth
000
Diana Le @dianale.bsky.social · 01/08/2023
Create an element like a banner and easily keep it the same proportion on all screens with CSS aspect-ratio: #css #stateofcss2022 #FrontEndDeveloper #DEVCommunity
dev.to
CSS Layouts: Maintain Element Proportions with aspect-ratio
Introduction Banner Example iframe Example Images Introduction There are times you'll...
050