A collection of type foundries
Well designed websites.
Online portfolios.
Design inspiration.
Image inspiration.
A typography blog.
The easiest way to inspect web fonts.
Free web fonts.
Handpicked free fonts.
A colour scheme creator tool.
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.
A great article that will make you rethink how you write CSS for scalability.
View stats of your CSS to see where you could improve and minimise duplication.
Informative stats about user browser/device usage.
Some really useful stats about browser and device usage.
Find out the tech stacks for loads of well know sites/apps.
A demonstration of what can be accomplished through CSS-based design.
A generator for a CSS3 keyframe gradient animation.
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.
An extensive list of browser specific CSS and JavaScript hacks from all over the internet.
Pick from a dozen beautifully designed maps and add it to your application. Although it's not free.
The Javascript Guide to Objects, Functions, Scope, Prototypes and Closures.
A stylesheet of preset CSS3 animations, ready to use with classes.
Code Academy JavaScript Glossary →
Programming reference for JavaScript.
Beginners guide to setting up Ruby, Node, GIT and Github on a mac
Check browser support for CSS and JS features.
A powerful JavaScript library for manipulating documents based on data
CodePen is a playground for the front end side of the web. It's all about inspiration, education, and sharing.
Customise a Google Map with all the places you love and a description about each.
Wordpress ThemeShaper template tutorial.
Instead of wasting your time making dummy images for your site, you can use this little tool that generates images with an URL.
Excellent CSS tutorials by Chris Coyier.
Online web development magazine.
Great articles for people who make websites.
Vibrant website that makes me want to buy the hot sauce.
Really bright, playful, quirky portfolio site.
Portfolio site that changes CSS at different screen widths.
Playful, bright, creative fashion designer portfolio site.
A long reel of camera film creates the whole site - works well.
Really simple, classic look and feel.
Simple portfolio site all in drop downs and randomly changing headings.
A photography portfolio site which has a minimal 90's old computer vibe which works really well with the type of photography.
This video competition uses just one main colour and animated gifs which work so well.
A very average website for a cleaning company but I love the background video of someone cleaning the screen!
Beautifully website about the ocean with original animation effects and really nice UI elements.
Jessica Hische is usually doing interesting things on her website.
A guide on how to use Sketch (Web design tool) and Semplice (WordPress theme) to create a custom designed portfolio without needing to code.
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.
Stores all your passwords in one vault, and once you are logged into LastPass, it logs you into your other sites.
Shorten URLs.
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.