Hannah Goodridge
banner
hannahgoodridge.dev
Hannah Goodridge
@hannahgoodridge.dev
https://hannahgoodridge.dev/?utm_source=bluesky

Building beautiful UI and web experiences

Bristol & Bath Frontend developer / Creative developer
@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.
November 24, 2025 at 11:59 AM
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
Free Invoice Generator - Professional PDF & CSV Invoices
Generate professional invoices instantly with this free, open-source invoice generator. Create PDF and CSV invoices with customizable templates.
www.hannahgoodridge.dev
November 13, 2025 at 5:43 PM
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...
React Native for Frontend Developers: What I Wish I'd Known
My journey from web development to React Native and Expo - the good, the bad, and the hilariously frustrating differences that no one warns you about.
www.hannahgoodridge.dev
November 12, 2025 at 2:32 PM
Anyone 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
October 10, 2025 at 9:12 AM
I 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.
October 6, 2025 at 8:15 PM
Made a cute little animated thermometer using css and svg.
Watch out for the shrimp! 🦐🫧

www.hannahgoodridge.dev/blog/liquid-...

#bubbles #css #thermometer #svg
SVG Liquid Thermometer with Animated Bubbles
Building an interactive thermometer component with smooth liquid animations and rising bubbles using SVG and CSS.
www.hannahgoodridge.dev
September 11, 2025 at 4:28 PM
As 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
September 9, 2025 at 12:17 PM
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
Figma MCP Servers: First Week, First Impressions
Trying Figma’s Dev Mode MCP server with Cursor—what worked, what wobbled, and why developers still matter.
hannahgoodridge.dev
August 28, 2025 at 6:34 PM
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
Back to Basics: Popovers and the Popover API
From complex positioning libraries to the elegant HTML Popover API - how modern web standards are revolutionising popover and overlay components.
www.hannahgoodridge.dev
August 18, 2025 at 4:04 PM
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
EventSeats - Open Source Event Booking System
Free, open-source seat booking system for small venues, theatre groups, and community events. Professional booking without enterprise costs.
eventseats.hannahgoodridge.dev
August 11, 2025 at 9:16 AM
Reposted by Hannah Goodridge
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
Google is indexing ChatGPT conversations, potentially exposing sensitive user data
Thousands of shared ChatGPT chats—including deeply personal details about mental health, relationships, and trauma—are appearing in Google search results, raising major privacy concerns.
www.fastcompany.com
July 30, 2025 at 7:43 PM
Can anyone recommend any good blender courses especially those that has a web integration side of things?

#blender #tutorials
August 1, 2025 at 11:03 AM
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
Theme Toggler with Audio
Building an interactive theme toggle with dial animation and audio feedback - from clicks to sunrise choruses!
www.hannahgoodridge.dev
July 30, 2025 at 7:22 PM
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
AI Image Generation: When Hype Meets Reality
My 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
www.hannahgoodridge.dev
July 30, 2025 at 12:47 PM
What 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
July 27, 2025 at 7:09 PM
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...
Back to Basics: Modern Modal/Dialog Components
Exploring the evolution from complex div-based modals to the elegant HTML dialog element - why modern web standards make everything simpler and more accessible.
www.hannahgoodridge.dev
July 23, 2025 at 10:51 AM
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-...
The Great Migration: Chasing Performance from Gatsby to Next.js
Why 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.
www.hannahgoodridge.dev
June 23, 2025 at 6:16 PM
Reposted by Hannah Goodridge
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...
The CSS shape() function
Shapes are an important aspect of graphic design.
webkit.org
April 15, 2025 at 8:46 PM
Reposted by Hannah Goodridge
⚡️ 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...
Top 5 CSS Navigation Menu Mistakes
In this guide, you'll learn to recognize and avoid some of the most common UI gotchas with navigation menus.
blog.css-weekly.com
April 8, 2025 at 7:56 PM
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
March 14, 2025 at 2:58 PM
Reposted by Hannah Goodridge
Me about to conduct an accessibility audit

#a11y
February 10, 2025 at 2:22 PM
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
Invoice Generator
Generate professional invoices with ease using our free and open-source invoice generator. Create PDF and CSV invoices instantly with customizable templates.
hannahgoodridge.dev
February 6, 2025 at 2:11 PM
So if AI can produce fake notifications for the BBC what even is real. www.google.com/amp/s/www.bb... #ai #bbc #news
Apple urged to withdraw 'out of control' AI news alerts
Apple has pledged improvements to its news summarising tool, but critics say it is dangerous and needs to be withdrawn.
www.google.com
January 7, 2025 at 6:44 PM
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? 🙏
January 2, 2025 at 2:14 PM