iiinova — where your digital self keeps evolving

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

Diana Le @dianale.bsky.social · 17/09/2026

Q1: Above the ⓘ but right-aligned to it so it's also over the button it's referring to. If it pops up directly centered over the icon and the text does not clearly relate to the "Rewrite" button I might find that confusing. Q2: Definite no

000

Diana Le @dianale.bsky.social · 17/09/2026

As someone who sometimes eats avocados daily this has been my go-to for years; I was blown away how little effort is required with the plastic wavy blade. But I agree the pitter gets hard to clean and the slicer is useless. I brought this to work and got many confused reactions at lunchtime.

010

Diana Le @dianale.bsky.social · 16/09/2026

I love the extra spacing around the options and the way the optgroup looks with the label and border; it's a really good baseline. It reminds me of frameworks I had to resort to years ago to get forms looking remotely close to what the designer wanted.

000

Diana Le @dianale.bsky.social · 14/09/2026

Nice! I might finish getting all the art in another 3 years

010

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 · 06/08/2026

Front-end developer with 12 years of experience building semantic, performant, browser-friendly web sites & apps. HTML, CSS, and JS with experience in a variety of CMS and back-end languages, & happy to learn frameworks & languages as needed. LF: Full-time remote or hybrid (Texas) www.dianale.dev

dianale.dev

Diana Le - Front-end Developer

Diana Le, a front-end developer in Houston, TX. I utilize HTML, CSS and JavaScript to create sites from design mockups.

010

Diana Le @dianale.bsky.social · 26/06/2026

Gonna look back with fond memories the days of going into dev tools, selecting the numerical value, and repeatedly hitting up arrow until it looked right

020

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 · 05/06/2026

I've been a web dev for 13 years; the past year I got so disillusioned with layoffs & how much AI is forced everywhere I considered leaving the field. Instead I started doing courses like yours to relearn fundamentals & I realize I still love this stuff. I'll be in my corner having fun w/o vibe code

190

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 · 27/05/2026

True but you'd have to repeat the questions and then would you want devs to fill it out on every different survey because the industry moves so fast? It's definitely a worthy topic b/c there's no data on real-world gen AI usage for devs so I hope you continue collecting this info in some way

010

Diana Le @dianale.bsky.social · 26/05/2026

My initial reaction was, "I don't use AI so I have no input" and it wasn't until I read closely that I realized I should fill it out. So I think the survey name is confusing, but I don't know what else would work to get all viewpoints. When I shared it I didn't want to get only non-AI folks either

100

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

Tables for layouts! I don't miss debugging these at all but what a time capsule

000

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

Diana Le @dianale.bsky.social · 04/05/2026

Yep what happens when content creators (who unknowingly trained gen AI) lose traffic b/c of it and can't afford to post new content? Is AI going to train on its own output? I'm still buying courses like yours b/c I like this stuff & devs are still important, but I definitely feel in the minority

030

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 · 27/04/2026

You're also dependent on companies who can increase the price and/or degrade the service any time. I don't use AI for many reasons (ethical, environmental), but even if those didn't exist, I LIKE learning new things. Code reviews can be rough but I like collaborating with people and getting better

020

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 · 01/02/2026

I use two completely separate accounts: this one for web dev and the other for everything else, no overlap. I used to find it annoying to switch profiles on my phone but then I decided to only use the professional account on desktop so I can be in a focused state when I'm reading about new topics

000

Diana Le @dianale.bsky.social · 17/12/2025

- AI summaries are everywhere and there's no way to disable - Sites trying to get you to download their app instead of the browser - Needing to sign into every site - Modals/popups on mobile where the close button is 10x10 pixels. Extra rage if this is an autoplay video - 5+ options cookie consents

090

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 · 26/11/2025

My understanding is someone with little to no coding knowledge using primarily gen AI and "intuition" to continuously code and produce an app, not getting bogged down by testing, debugging, feedback, or any of the other seemingly less glamorous aspects of coding

000

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

Anecdotal but the strategies I use are not fully effective, e.g. setting a consistent bedtime that is still too late but would result in much fewer hours of sleep if it didn't exist

010

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 · 25/05/2025

As an FE dev it's gotten much better with designers familiar with the general flow of CSS. I had issues where they didn't know this, the desktop was designed first and the path to mobile was frustratingly tedious. Some of the most complicated grid work I've done. Also 10 fonts for a 15-page site

020

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 · 19/04/2025

Yep this is in Europe only. The last I read, the only workaround for other countries is to set your profile to private

020

Diana Le @dianale.bsky.social · 13/12/2024

FreeCodeCamp and Scrimba. I like the interactive learning the basics in the browser before jumping into things like which VS plugins are the best. Traversy Media on YT was helpful years ago when I couldn't find basic explanations like what NPM is. All the courses just assumed you already used it

160

Diana Le @dianale.bsky.social · 27/11/2024

I can't believe it's taken this long to get back to having your default feed being the one you curate yourself, but I gladly welcome it

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 · 03/11/2024

Geocities -> management information systems major -> consulting -> career break -> art school web diploma -> web dev 😀

000

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