Andy Bell
Author
Hi, I’m Andy Bell—a designer, front-end developer and design agency founder—based in the UK. I have worked in the design and web industries for over 15 years, and in that time, I have worked with some of the largest organisations in the world, like Google, Harley-Davidson, BSkyB, Unilever, The Natural History Museum, Oracle, Capita, Vice Media and the NHS.
Over these years, I have worked on both extremely large projects for huge organisations and tiny projects for small startups. This has given me a lot of experience over a large variety of project types. It also means I’ve worked with a lot of teams in various sizes—each with their own constraints and goals. These projects vary between design systems, creative campaign work and good ol’ websites.
I mostly specialise in CSS—whether that is writing a course for Google, co-authoring a book on CSS layout, or creating a methodology to help people write better CSS. A big chunk of our client work involves us applying this experience to help teams write better CSS—often by helping them create a design system.
You can catch up with me on Mastodon, Threads, Twitter, Bluesky (@bell.bz
), CodePen or Github. There’s some other links here, too.
Enquiries
I run Set Studio, a creative agency that specialises in building excellent websites for everyone. We still have some availability for projects starting 2024, too!
I’m also an international keynote speaker and have availability for talks in 2024 onwards. You can see a previous talk, here.
For all enquiries, please send me an email at [email protected]
or see other ways to contact Set Studio.
Profile Picture
Just in case you need to steal a picture:
![Profile Picture](https://andy-bell.imgix.net/2023/02/andy-profile-239x300.webp)
Links
Recent posts
Redesigning Piccalilli: the first part of the design process
The start of a new article series which gives you a look behind the scenes at the Piccalilli redesign and Set Studio’s design process.
We want to help designers learn to code
We want to produce content that helps people working on real world projects, so we’ve created a survey to learn more from you.
Front-End solution: Eyebrow heading dots
Learn how anchor positioning is really useful for a solution other than for positioning popovers.
It’s about time I tried to explain what progressive enhancement actually is
Progressive enhancement hasn’t caught on nearly as much as it should. It’s likely related to folks not being able to envision it working in their real world contexts. This post attempts to alleviate that and reignite the conversation.
How to stop Figma using your work to train their “AI” models
A really quick video to show you where the right settings are and what settings to disable to protect your work.
The time for designers to learn to code is now
With design tools further commoditising and sanitising expected creative output, the time for designers to be able to stand out is very much here. I think for some, learning to code is a good route for that.
Front-End challenge: Eyebrow heading dots
We’re doing it differently in this edition. There’s already code and I’m challenging folks to refactor and improve my solution with modern CSS.
Mask image is pretty handy
Often overlooked, the mask-image property can be a simple way to inject some character into your web design work.
A quick and easy guide to Markdown
So many Markdown guides are either too complicated or really hard to read. I thought I’d try to fix that with a super simple, clear guide.
Let’s make a floating button sign up form pattern
I tackle an age-old design pattern and build it with nice, simple CSS.