A collection of type foundries
Website Awards →
Well designed websites.
It’s Nice That →
I Love Typography →
A typography blog.
The easiest way to inspect web fonts.
Google Web Fonts →
Free web fonts.
Font Squirrel →
Handpicked free fonts.
Adobe color wheel →
A colour scheme creator tool.
Site Inspire →
A collection of well designed websites for inspiration.
A social networking visual library.
Front-End Developer Handbook 2018 →
This is a guide that anyone could use to learn about the practice of front-end development.
Scalable CSS →
A great article that will make you rethink how you write CSS for scalability.
CSS Stats →
View stats of your CSS to see where you could improve and minimise duplication.
Stat Counter →
Informative stats about user browser/device usage.
Mix Panel – browser trends →
Some really useful stats about browser and device usage.
Stack Share →
Find out the tech stacks for loads of well know sites/apps.
CSS Zen Garden →
A demonstration of what can be accomplished through CSS-based design.
Gradient animator →
A generator for a CSS3 keyframe gradient animation.
Beautiful progress bars →
Beautiful and responsive progress bars with animated SVG paths.
Synchronised responsive testing on all devices. Although not free, but a one off cost of around £35.
Create your own font with a load of icons on Fontello, as well as uploading your own SVG to add to the font.
Map box →
Pick from a dozen beautifully designed maps and add it to your application. Although it's not free.
CSS3 animation cheat sheet →
A stylesheet of preset CSS3 animations, ready to use with classes.
Dev setup guide →
Beginners guide to setting up Ruby, Node, GIT and Github on a mac
Can I use? →
Check browser support for CSS and JS features.
Code Pen →
CodePen is a playground for the front end side of the web. It's all about inspiration, education, and sharing.
Custom Google Maps →
Customise a Google Map with all the places you love and a description about each.
Wordpress ThemeShaper template tutorial.
Fake Images Please? →
Instead of wasting your time making dummy images for your site, you can use this little tool that generates images with an URL.
CSS Tricks →
Excellent CSS tutorials by Chris Coyier.
Smashing Magazine →
Online web development magazine.
A list Apart →
Great articles for people who make websites.
Red Clay Hot Sauce →
Vibrant website that makes me want to buy the hot sauce.
Leta Sobierajski →
Really bright, playful, quirky portfolio site.
Lynn and tonic →
Portfolio site that changes CSS at different screen widths.
Elsa Muse →
Playful, bright, creative fashion designer portfolio site.
La Bodega Negra →
A long reel of camera film creates the whole site - works well.
Aurelien Juner →
Really simple, classic look and feel.
Simple portfolio site all in drop downs and randomly changing headings.
Christopher Paul Sharpe →
A photography portfolio site which has a minimal 90's old computer vibe which works really well with the type of photography.
Void TV →
This video competition uses just one main colour and animated gifs which work so well.
Eagle Clean →
A very average website for a cleaning company but I love the background video of someone cleaning the screen!
Aquatilis Expedition →
Beautifully website about the ocean with original animation effects and really nice UI elements.
Jessica Hische →
Jessica Hische is usually doing interesting things on her website.
Sketch and Semplice →
A guide on how to use Sketch (Web design tool) and Semplice (WordPress theme) to create a custom designed portfolio without needing to code.
Affinity Photo →
With the Adobe suite getting more expensive, it can be useful to have an alternative to Photoshop which has a one of fee of under £50. I haven't tried this one but I hear good things.
Last Pass →
Stores all your passwords in one vault, and once you are logged into LastPass, it logs you into your other sites.
Let me Google that for you →
When people ask stupid questions that they could have Googled themselves.
A bookmarklet with some simple tools you can use to makes websites print better.
This site was built with 💖in React, Gatsby and a sprinkle of Redux.
Made real pretty with Styled Components 💅and Styled System.
And content added with Prismic as the headless CMS.
Feel free to sneak a peek 👀at my code if you like.