Hannah Goodridge
Hannah Goodridge
@hannahgoodridge.dev
https://hannahgoodridge.dev/?utm_source=bluesky Building beautiful UI and web experiences Bristol & Bath Frontend developer / Creative developer
50 followers319 following47 posts
I built a world cup 2026 sweepstake generator for those looking for a free tool without ads, such a fun little project. hannahgoodridge.dev/world-cup-2026 #worldcup #sweepstake #fifa2026
Hannah Goodridge reposted
Who writes <Button state="hover">? Nobody. So why does AI keep generating it? Because Figma models hover as a variant, and AI doesn't know the difference between what a design describes and what code should do. hannahgoodridge.dev/blog/figma-variants-vs-pseudo-classes
Hannah Goodridge reposted
grith.ai/blog/clineje... > […] every developer who installed or updated Cline got OpenClaw installed on their machine without consent. > how the attacker got the npm token: injecting a prompt into a GitHub issue title, which an AI triage bot read, interpreted as an instruction, and executed.
New blog post. Yes it's about vibe coding. No I will not apologise. www.hannahgoodridge.dev/blog/vibe-co... #VibeCoding #AgenticEngineering #AI #FrontEnd #WebDev
Hannah Goodridge reposted
Well a new year means a new reflective blog post, take a gander if you are interested. www.hannahgoodridge.dev/blog/2025-wr... #frontend #react #blog #newyeargoals #reflective
@egghead.io are you having website trouble? I'm experiencing many bugs when I try to search, click links and view my profile. Happy to send further details, I'm currently unable to send any feedback using the feedback button.
I've just pushed a load of improvements to my free invoice generator. It's perfect for when you need a quick PDF invoice for a client but don't want any annoying ads getting in the way. Its free! www.hannahgoodridge.dev/invoice-gene... #pdf #invoices #invoicegenerator #free
Its blog post time! This time I've got one about my recent dive into mobile development and its trials and tribulations coming from web dev background. Take a gander: www.hannahgoodridge.dev/blog/react-n...
Made a cute little animated thermometer using css and svg. Watch out for the shrimp! 🦐🫧 www.hannahgoodridge.dev/blog/liquid-... #bubbles #css #thermometer #svg
It's blog post time! This time about Figma MCP, cursor workflow and my thoughts and feelings while trying it out. hannahgoodridge.dev/blog/figma-m... #figma #MCP #dev #frontend #cursor
I've just published a new blog post about the popover API in my back to basics series which looks at new methods of popover implementation! www.hannahgoodridge.dev/blog/back-to... #popoverapi #css #react #js #blog
I've started building some open source event booking software for small theatre groups and event hosts that need online bookings without the huge cost. eventseats.hannahgoodridge.dev Looking for contributors and feedback ❤️ #opensource #github #eventseats #theatre #drama #onlinebookings
Hannah Goodridge reposted
NEW: ChatGPT allows Google to index chats users share using the Share functionality - presumably misinterpreting "make this chat discoverable". The result? Frank admissions about sex lives and drug dependencies. My latest for @fastcompany.com www.fastcompany.com/91376687/goo... tip @techmeme.com
I made a few fun things today an updated audio theme toggle that I wrote a playground snippet on codepen and post about: www.hannahgoodridge.dev/blog/theme-t... and a secret easter egg for my site. Wonder if anyone can spot it? #darkmode #themetoggle #audio #easteregg #mario #css #frontend #blog
As my blog is lacking nice meta images I'd thought I'd use it as an excuse to see whats up with AI image generation. Boy was it difficult so I wrote a post about it. www.hannahgoodridge.dev/blog/ai-imag... #ai #imagegen #aiImages #gemini #dall-e
I've got a new back to basics series where I'm looking at old implementations of common UI components. Started with looking at modal/dialog components. Heres what I found: www.hannahgoodridge.dev/blog/back-to...
Finally finished my Next.js migration from Gatsby, bit of a long time coming but I enjoyed it none the less. www.hannahgoodridge.dev/blog/gatsby-...
Hannah Goodridge reposted
Have you ever wished you could make a real-deal complex shape in CSS? The web’s had circle(), ellipse() and polygon() for years. But in order to do anything more SVG-style syntax was required. Well, no more. Now, you can make complex shapes in CSS! webkit.org/blog/16794/t...
Hannah Goodridge reposted
⚡️ New Blog Post ⚡️ Hands-on tips that will help you recognize and avoid some of the most common UI gotchas with navigation menus. To be perfectly honest, these are pretty basic mistakes, but I see them all the time. Here's what you need to know: blog.css-weekly.com/top-5-css-na...
Whoever the frick is in charge of the F1 app please can you fix a million bugs with it. Really not user friendly 😡 THANKS #F1 #fantasyF1 #F1app @f1tv.bsky.social
Hannah Goodridge reposted
I was feeling frustrated at the lack of truly free invoice generators there were so I built one myself. hannahgoodridge.dev/invoice-gene... #noads #nodataharvesting #free #invoicegenerator
Hannah Goodridge reposted
CSS Wish List 2025: https://meyerweb.com/eric/thoughts/2025/01/08/css-wish-list-2025/
So if AI can produce fake notifications for the BBC what even is real. www.google.com/amp/s/www.bb... #ai #bbc #news
Why isn't there a way to import a new and update-to-date device list in chrome dev tools? #chromedevtools #googlechrome I know I can add them manually but ain't nobody got time for that. @chromium.social feature request? 🙏
Just published my 2024 wrap-up. It's been a year of big changes 💪 Read more: hannahgoodridge.dev/blog/2024-wr... #YearInReview #WebDev #ThreeJS #PersonalGrowth #TechLife #FitnessJourney #Reflection2024
Hannah Goodridge reposted
The results of the State of CSS and State of HTML surveys are now live. I took an initial look at what the responses tell us.
Hannah Goodridge reposted
🎁 From now until the end of December, each referral to Warp is 1 entry into our Holiday Referrals Giveaway! Here’s what’s up for grabs: - North Face backpacks - Moleskin notebooks - Hydroflasks - Hoodies We’ll randomly send out swag to some of the first 200 to repost this! youtu.be/ZRk7I0Np1hk
Gonna reply to my own post and suggest threejs-journey.com/challenges/c... #threejs #webgl
Pokémon go seems like they were 100 steps ahead. www.404media.co/pokemon-go-p...
Hannah Goodridge reposted