Hannah Goodridge @hannahgoodridge.dev · 11/06/2026Interesting start to the #fifaworldcup why are we miming tho? 🤔 000
Hannah Goodridge @hannahgoodridge.dev · 02/06/2026I'm so proud to know one of the tools I built is actually being used by people. A lot of my stuff just ends up in the ether but spent some time improving SEO and had a bit of patience and it's finally working. 🎉 000
Hannah Goodridge @hannahgoodridge.dev · 20/05/2026I 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 #fifa2026hannahgoodridge.devFree World Cup 2026 Sweepstake Generator | Family & Office Draw ToolFree sweepstake generator for the FIFA World Cup 2026. Fairly draw all 48 teams among your family, friends or colleagues with multiple distribution methods. Print and share results instantly. 000
Reposted by Hannah GoodridgeFirefox for Web Developers @webdevs.firefox.com · 18/05/2026Chrome shipped an LLM Prompt API to the web platform. At Mozilla, we oppose this API. Here's why: 18418122
Hannah Goodridge @hannahgoodridge.dev · 27/04/2026Who 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-classeshannahgoodridge.devStop Generating State Props: Figma Variants Are Not CSSFigma teaches designers to build hover, focus, and active states as component variants. AI tools faithfully translate this into props. The result is code nobody should ship. 000
Hannah Goodridge @hannahgoodridge.dev · 20/04/2026Can you site which LLM you have been using along with any other tools for this article? I find a few MCP servers have improved design to code outputs like figma MCP but the results massively vary per model and still not anywhere near 100% accurate. 010
Hannah Goodridge @hannahgoodridge.dev · 25/03/2026How to make design hate you in 3 easy steps: 1. Design roll out design system 2. Devs criticise it with lots of back and forth 3. Implement in code using another design system 000
Hannah Goodridge @hannahgoodridge.dev · 08/03/2026Happy international women's day especially to all those in tech/stem. Get it girls! #internationalwomensday 💪 000
Reposted by Hannah GoodridgeSam Rose @samwho.dev · 05/03/2026grith.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.grith.aiA GitHub Issue Title Compromised 4,000 Developer MachinesA prompt injection in a GitHub issue triggered a chain reaction that ended with 4,000 developers getting OpenClaw installed without consent. The attack composes well-understood vulnerabilities into so... 2188
Hannah Goodridge @hannahgoodridge.dev · 03/03/2026Me looking at me visiting my website: #programmerhumor #webdev #solopreneurmedia.tenor.coma cartoon of two spidermans standing in front of a nypd vanALT: a cartoon of two spidermans standing in front of a nypd van 130
Hannah Goodridge @hannahgoodridge.dev · 24/02/2026Asking for a CV when the "Visit my website" with said CV link is staring you in the face is a bold choice. 10/10 recruiters fail the "one-click" test. 🙄 010
Hannah Goodridge @hannahgoodridge.dev · 20/02/2026New blog post. Yes it's about vibe coding. No I will not apologise. www.hannahgoodridge.dev/blog/vibe-co... #VibeCoding #AgenticEngineering #AI #FrontEnd #WebDevhannahgoodridge.dev 020
Hannah Goodridge @hannahgoodridge.dev · 10/02/2026I am getting tired of the AI emotional flip flops and not knowing how to feel, one moment I feel like I'm redundant the next fully safe in my position. I hope it will be a happy medium but who knows? #ai #developers #cursor 100
Reposted by Hannah GoodridgeKatie Martin @katie0martin.ft.com · 05/02/2026Please, my magic bean, it is very sick 2035905774
Hannah Goodridge @hannahgoodridge.dev · 08/01/2026Well 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 #reflectivehannahgoodridge.dev2025: A Year in ReviewA reflection on a year of professional shifts, freelance growth, and personal milestones in 2025. 010
Hannah Goodridge @hannahgoodridge.dev · 24/11/2025@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. 010
Hannah Goodridge @hannahgoodridge.dev · 13/11/2025I'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 #freehannahgoodridge.devFree Invoice Generator - Professional PDF & CSV InvoicesGenerate professional invoices instantly with this free, open-source invoice generator. Create PDF and CSV invoices with customizable templates. 010
Hannah Goodridge @hannahgoodridge.dev · 12/11/2025Its 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...hannahgoodridge.devReact Native for Frontend Developers: What I Wish I'd KnownMy journey from web development to React Native and Expo - the good, the bad, and the hilariously frustrating differences that no one warns you about. 000
Hannah Goodridge @hannahgoodridge.dev · 10/10/2025Anyone else watching the traitors? I am thoroughly enjoying it I must say. Fan girling whenever Steven Fry says literally _anything_ and Cat Burns is wwaayyy cool!! #traitors #bbc #stevenfry #catburns 010
Hannah Goodridge @hannahgoodridge.dev · 06/10/2025I think the large amount of developers absconding to UX/Design is the due to the abundance of tech bros ruining it for everyone. Zero empathy. 020
Hannah Goodridge @hannahgoodridge.dev · 11/09/2025Made a cute little animated thermometer using css and svg. Watch out for the shrimp! 🦐🫧 www.hannahgoodridge.dev/blog/liquid-... #bubbles #css #thermometer #svghannahgoodridge.devSVG Liquid Thermometer with Animated BubblesBuilding an interactive thermometer component with smooth liquid animations and rising bubbles using SVG and CSS. 000
Hannah Goodridge @hannahgoodridge.dev · 09/09/2025As someone who has missed Gregg's iced donuts terribly, finding the raspberry Funfetti yum yums from Tesco's has absolutely made my day. They had me with the word Funfetti tbh. #funfetti 020
Hannah Goodridge @hannahgoodridge.dev · 28/08/2025It'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 #cursorhannahgoodridge.devFigma MCP Servers: First Week, First ImpressionsTrying Figma’s Dev Mode MCP server with Cursor—what worked, what wobbled, and why developers still matter. 030
Hannah Goodridge @hannahgoodridge.dev · 18/08/2025I'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 #bloghannahgoodridge.devBack to Basics: Popovers and the Popover APIFrom complex positioning libraries to the elegant HTML Popover API - how modern web standards are revolutionising popover and overlay components. 000
Hannah Goodridge @hannahgoodridge.dev · 11/08/2025I'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 #onlinebookingseventseats.hannahgoodridge.devEventSeats - Open Source Event Booking SystemFree, open-source seat booking system for small venues, theatre groups, and community events. Professional booking without enterprise costs. 021
Reposted by Hannah GoodridgeChris Stokel-Walker @stokel.bsky.social · 30/07/2025NEW: 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.comfastcompany.comGoogle is indexing ChatGPT conversations, potentially exposing sensitive user dataThousands of shared ChatGPT chats—including deeply personal details about mental health, relationships, and trauma—are appearing in Google search results, raising major privacy concerns. 7370235
Hannah Goodridge @hannahgoodridge.dev · 01/08/2025Can anyone recommend any good blender courses especially those that has a web integration side of things? #blender #tutorials 001
Hannah Goodridge @hannahgoodridge.dev · 30/07/2025I 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 #bloghannahgoodridge.devTheme Toggler with AudioBuilding an interactive theme toggle with dial animation and audio feedback - from clicks to sunrise choruses! 031
Hannah Goodridge @hannahgoodridge.dev · 30/07/2025As 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-ehannahgoodridge.devAI Image Generation: When Hype Meets RealityMy journey implementing AI image generation for my blog - from Gemini regional restrictions to DALL-E billing surprises, and finally finding a free solution with Stable Diffusion 020
Hannah Goodridge @hannahgoodridge.dev · 27/07/2025What a great game from the lionesses! Hannah Hampton made some fantastic saves and Chloe Kelly brings it home!! Come on England!!! #lionesses #back2back #champions #euro2025 #england 032
Hannah Goodridge @hannahgoodridge.dev · 23/07/2025I'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...hannahgoodridge.devBack to Basics: Modern Modal/Dialog ComponentsExploring the evolution from complex div-based modals to the elegant HTML dialog element - why modern web standards make everything simpler and more accessible. 000
Hannah Goodridge @hannahgoodridge.dev · 23/06/2025Finally 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-...hannahgoodridge.devThe Great Migration: Chasing Performance from Gatsby to Next.jsWhy I moved my personal site from Gatsby to Next.js. A story about chasing performance, untangling old code, and the lessons learned along the way. 000
Reposted by Hannah GoodridgeJen Simmons @jensimmons.bsky.social · 15/04/2025Have 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...webkit.orgThe CSS shape() functionShapes are an important aspect of graphic design. 3566
Reposted by Hannah GoodridgeCSS Weekly @cssweekly.com · 08/04/2025⚡️ 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...blog.css-weekly.comTop 5 CSS Navigation Menu MistakesIn this guide, you'll learn to recognize and avoid some of the most common UI gotchas with navigation menus. 074
Hannah Goodridge @hannahgoodridge.dev · 14/03/2025Whoever 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 010
Hannah Goodridge @hannahgoodridge.dev · 10/03/2025Loving the report! Just noticed a few broken SVGs in the chart keys, which makes it a bit tricky to fully grasp the visuals. Tried Chrome & Firefox (incognito) but still no dice. Is it just me? 200
Reposted by Hannah Goodridgexirclebox @xirclebox.com · 10/02/2025Me about to conduct an accessibility audit #a11y 3729
Hannah Goodridge @hannahgoodridge.dev · 06/02/2025I 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 #invoicegeneratorhannahgoodridge.devInvoice GeneratorGenerate professional invoices with ease using our free and open-source invoice generator. Create PDF and CSV invoices instantly with customizable templates. 010
Reposted by Hannah GoodridgeFrontend Focus 🚀 @frontendfocus.bsky.social · 21/01/2025CSS Wish List 2025: meyerweb.com/eric/thoughts/2025/01/…meyerweb.comCSS Wish List 2025Back in 2023, I belatedly jumped on the bandwagon of people posting their CSS wish lists for the coming year. This year I’m doing all that again, less belatedly! (I didn’t do it last year because I couldn’t even. Get it?) I started this post by looking at what I wished for a couple of […] 021
Hannah Goodridge @hannahgoodridge.dev · 07/01/2025So if AI can produce fake notifications for the BBC what even is real. www.google.com/amp/s/www.bb... #ai #bbc #newsgoogle.comApple urged to withdraw 'out of control' AI news alertsApple has pledged improvements to its news summarising tool, but critics say it is dangerous and needs to be withdrawn. 020
Hannah Goodridge @hannahgoodridge.dev · 02/01/2025Why 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? 🙏 010
Hannah Goodridge @hannahgoodridge.dev · 22/12/2024And... 250 gym visits are officially smashed. Really proud of myself for being consistent for an entire year. Muscle mass definitely increased and injuries improved significantly. Here's to 2025! #gym #2024goals 030
Hannah Goodridge @hannahgoodridge.dev · 21/12/2024I've got one last gym session to go before hitting 250 sessions this year and actually I'm a little emotional about it. It means 68% of my days spent at the gym this year. How very neuro typical of me. 020
Hannah Goodridge @hannahgoodridge.dev · 16/12/2024Me: pre-ordered beef wellington from Waitrose 2 weeks ago, feels smug.. Waitrose: Fuck you and your pre order, oh also it's not available in store and you can't get it anywhere else.. Bye ✌️ 000
Hannah Goodridge @hannahgoodridge.dev · 06/12/2024Just 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 #Reflection2024hannahgoodridge.dev2024: A Year in ReviewReflecting on a year of personal loss, professional growth in tech, and unexpected transformations 010
Reposted by Hannah GoodridgeRachel Andrew @rachelandrew.co.uk · 06/12/2024The 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.web.devWhat do the State of CSS and HTML surveys tell us? | Blog | web.devA look at the survey results from the State of HTML and State of CSS surveys. 25523
Reposted by Hannah GoodridgeWarp @warp.dev · 03/12/2024🎁 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/ZRk7I0Np1hkyoutu.beWe have new swagYouTube video by warpdotdev 34564
Hannah Goodridge @hannahgoodridge.dev · 04/12/2024Gonna reply to my own post and suggest threejs-journey.com/challenges/c... #threejs #webglthreejs-journey.comChristmas 2 Challenge — Three.js JourneyThe ultimate Three.js course whether you are a beginner or a more advanced developer 010
Hannah Goodridge @hannahgoodridge.dev · 04/12/2024Saw Wicked at the cinema this weekend and had low expectations but man was it good! I love a good musical but this was so much more! #wicked 000