Bookmarks
Who can use
whocanuse.com
Understand how colour contrast can affect people with different visual impairments.
Baseline grids made easy
maketypework.com
Baseline grids in the browser, with cap height.
Font style matcher
meowni.ca
Match the fallback font and the intended web-font's x-heights and widths.
How to Favicon in 2021
evilmartians.com
Six files that fit most needs.
Open Foundry
open-foundry.com
Curated open-source typefaces.
Squoosh
squoosh.app
Image compression web app with advanced options for various image compressors.
Typescale
typescale.io
A free Figma and XD plugin to quickly generate a modular scale for your typography.
Favicon Maker
formito.com
Generate letter or emoji based favicons.
Clippy
bennettfeely.com
A tool for generating values for shape functions for the CSS clip-path property.
ztext.js
bennettfeely.com
Easy to implement, 3D typography for the web.
Framer
framer.com
Prototyping tool for teams.
Complete Guide Media Queries
polypane.app
A complete guide to CSS media queries.
Barba.js
barba.js.org
JS library that helps you create transitions between website pages.
axe
deque.com
Accessibility testing tools.
Maskable
maskable.app
Tool for previewing maskable icons.
Eleventy
11ty.dev
A simpler static site generator.
Kontent
kontent.ai
API-first CMS.
GoatCounter
goatcounter.com
Website statistics for regular folks.
Pa11y
pa11y.org
Pa11y is your automated accessibility testing pal.
C3 CSS
c3css.com
A methodology to help you write human-friendly CSS.
DeployHQ
deployhq.com
Automatically build and deploy code from your repositories.
Coolors
coolors.co
Super fast colour schemes generator.
Presentator
presentator.io
Open Source design presentation and collaboration.
Hero Patterns
heropatterns.com
Repeatable SVG background patterns.
Photopea
photopea.com
Online photo editor.
ColorSpace
mycolor.space
Colour palette generator.
Syntax Highlighting
atelierbram.github.io
Syntax colour-schemes.
Free Books for Designers
lapabooks.com
Free ebooks to help you develop creative and design skills.
Web Animation Essentials
courses.rachelnabors.com
Master CSS animations and transitions quickly.
SVGOMG
jakearchibald.github.io
SVGO's missing GUI.
ZEIT Now
zeit.co
Static and JAMstack deployment.
Van11y
van11y.net
A collection of accessible scripts, made in ES2015.
Local
localwp.com
Local WordPress development tool.
Responsive Breakpoints
responsivebreakpoints.com
Generate optimal responsive image dimensions.
Rollup.js
rollupjs.org
Module bundler for JavaScript.
The A11Y Project
a11yproject.com
A community-driven effort to make web accessibility easier.
Cloudinary
cloudinary.com
Image and video hosting.
Inclusive Components
inclusive-components.design
Designing inclusive web interfaces.
High performance web fonts
slides.com
ScotlandCSS slides by Peter Müller.
PostCSS Preset Env
preset-env.cssdb.org
Convert modern CSS into something browsers can understand.
Font Library
fontlibrary.org
Fonts released under free licenses.
Contrast Checker
webaim.org
WebAIM colour contrast checker.
Google webfonts helper
google-webfonts-helper.herokuapp.com
A hassle-free way to self-host Google fonts.
Variable Fonts
v-fonts.com
A resource for finding and trying variable fonts.
Figma
figma.com
Browser based design tool.
HTML to SVG Converter
hiqpdf.com
Convert any HTML to SVG.
Scotch Box
box.scotch.io
Vagrant LAMP stack.
Markdown to Indesign
networkcultures.org
Markdown to Indesign with Pandoc (via ICML).
Tiff
tiff.herokuapp.com
Visually contrast the differences between two fonts.
CC Search
search.creativecommons.org
Search for Creative Commons images.
Cacoo
cacoo.com
Flowchart and wireframe sharing.
IcoMoon
icomoon.io
Icon font, SVG generator.
Instacode
instaco.de
Hipsterize your code.
ImageGlitcher
airtightinteractive.com
Glitch any image and save the result.
TAAG
patorjk.com
Text to ASCII Art Generator.
Transfonter
transfonter.org
CSS @font-face generator.
Contentful
contentful.com
API-First CMS.
Craft CMS
craftcms.com
Flexible, user-friendly content management system.
Kirby
getkirby.com
File-based content management system.
Easy Digital Downloads
easydigitaldownloads.com
Sell digital downloads with WordPress.
Patternify
patternify.com
CSS pattern generator.
BrowserStack
browserstack.com
Reliable cross browser testing.
Domainr
domainr.com
Domain name search.
Lektor
getlektor.com
Static Content Management System.
SassMe
sassme.jim-nielsen.com
Visualize Sass HSL color functions in real-time.
W3C Markup Validation
validator.w3.org
Checks the markup validity of Web documents.
CodyHouse
codyhouse.co
HTML, CSS, JS experiments.
ACF
advancedcustomfields.com
Advanced Custom Fields Plugin for WordPress.
GRT Calculator
grtcalculator.com
Golden ratio typography calculator.
GlyphSearch
glyphsearch.com
Search for icons from various collections.
uiGradients
uigradients.com
Beautiful CSS gradients.
Animate.css
daneden.github.io
Just-add-water CSS animations.
Responsive Nav
responsive-nav.com
Responsive navigation plugin.
Twitter Post Fetcher
jasonmayes.com
Twitter API JavaScript only solution.
The myth of the page fold
cxpartners.co.uk
Evidence from user testing.
Fonts In Use
fontsinuse.com
An archive of typography.
Stock Photos
medium.com
A list of places to find free stock photos.
The Noun Project
thenounproject.com
Icons for everything.
Scriptographer
scriptographer.org
Scripting plugin for Adobe Illustrator.
WhatTheFont
myfonts.com
Instant font identification.
How to Screen Print a Poster
fecalface.com