Skip to main content

Bookmarks for UX designers

My list of bookmarks has been lovingly curated from the mess that exists in my browser. I hope these links help you as much as they have helped me. They are a testament to the collaborative efforts of total strangers to advance design and technology.

It's personal

Sharing my bookmarks is like inviting you into my home. It gives an insight into what I get involved in, what interests me etc. Interestingly it doesn't highlight my go-to tools. You won't see UXpin, Slack, etc in here. Those day to day tools do not need 'remembering'. Instead here's a list of things I've found curious, notable and occasionally useful.

My top bookmarks

Mind The Product
MindTheProduct is the world's largest product community. Started in 2010 with the very first ProductTank meetup in London and followed by the Mind the Product Conference in 2012 it has now grown to consist of over 150,000 members and sold out events in 155+ cities around the world.

Deliveroo Design
Another strong design language at deliveroo from an organisation fixated on fast delivery of food and code.

Google Design
Google Design is Google's hub for design content produced by the organisation. Guidelines, articles, news and jobs are all here. A good read and a great starting point if you're getting into their eco-system.

A great tool for user research in a Lean UX setting. Quick to set up a plethora of tests, recruit users through the panels and record behaviour on 3rd party websites.

It would be rude to have a list of go-to UX sites without including the mothership of Jacob Nielsen and Don Norman.

Your Logical Fallacy Is
An engaging list of cognitive biases to help you learn your own inherent weaknesses.

Not sure how to pronounce the site but it has a marvelous colleciton of front-end demonstrations you can use to be inspired and learn.

Laws of UX
A nice collection of cognitive science theories to use in your designs.

UX Timeline
Like the way back machine but looking at milestone steps in a product/service's lifetime.

AirBnB Design
This is AirBnB's Design hub, great as a source of learning.

Adele - Design system directory
This directory of major design systems is a great resource for further reading. Colour contrast checker
This handy tool lets you check the colour contrast of text and background colours (solid).

Entity conversion tool
Need to convert characters to their different formats for css, js, html etc? Then look no further.

Percentage Calculator
My mental arithmatic is pretty poor, I blame creative genes. This super simple tool does the math of calculating percentage changes and such like for you. It's super simple to use and as an added perk shows you its working should you wish to up your math game.

Neil Patel's Significance Calculator
Great tool for checking your numbers from a/b tests.

A/B Split test duration tool
A neat tool to figure out how long you'll need to run a test to get significant results.

Sample Size Calculator
A tool to help you understand the number of people you need to run an experiment.

Google Analytics - URL Builder
A tool for building utm tags via an easy to use interface.

The full list


Design Systems & Hubs

The Main Tap › PatternTap
UX Timeline, back to the past!
Google Design
Deliveroo Content, Research and Design
Adele – Design Systems and Pattern Libraries Repository

Design Theory

Sketching Interfaces – Airbnb Design
Principles of grouping - Wikipedia
Home | Laws of UX
9 Biases in Usability Testing: MeasuringU
Thou shalt not commit logical fallacies
-- Axioms of Web architecture
Project Implicit
Laws of Simplicity | By John Maeda


Code Resources

Cards - Materialize
46 CSS Timelines | Free Frontend
Switch Node.js versions with the Node Version Manager (nvm)
HTML EMAIL BOILERPLATE v 0.5 updated 11/5
Sass - Syntactically Awesome Stylesheets
Animate.css - a bunch of plug-and-play CSS animations
jPlayer : HTML5 Audio & Video for jQuery
Foundation: Rapid Prototyping and Building Framework from ZURB
Chart.js Documentation
A grouped pure CSS parallax demo by Keith Clark
Marka - Beautiful icon transformation
Responsive Charts with D3 | Visible Data
Using d3-tip to add tooltips to a d3 bar chart
The Final Countdown - jQuery.countdown
13 Pure CSS Mobile Devices from @marvelapp
Devices.css - Modern devices in pure CSS
DATA ANALYSIS: SAS and D3.js (3): draw a map to display US cities' murder rates
Foundation: Downloads and Customization

Research Resources

Content Experiments Without Redirects (Browser-only implementation) - Google Analytics — Google Developers
Event Tracking - Web Tracking (ga.js) - Google Analytics — Google Developers

Content Resources

mailVU Video Email | Video Testimonials | Video Contests

Design Resources

Google Web Fonts Typographic Project
Free vectors, photos and PSD Downloads | Freepik
Free Vectors, Stock images, Clipart, Backgrounds | CGIspread
Free stock videos – Pexels Videos
Braille Neue
Apply Pixels – Industry Standard Design Tools free stock photos best royalty free stock photos in one place
Cat Icons
Infographic Visual Resumes on Pinterest
Free stock photos · Pexels
Responsive Logos
Email Client Popularity | Campaign Monitor
UX Collective

UX Resource

UX Project Checklist
Usability checklist | Catch common usability problems before user testing.
UX Recipe - a checklist where you discover, choose and estimate your next UX project tools & techniques.
Free UX tools - UXM


Percentage Calculator

Research Tools

Amazon Mechanical Turk - Welcome
A/B Testing Tool |Split Testing and Multivariate Testing Software - Visual Website Optimizer
A/B Significance Test
A/B, Split and Multivariate test duration calculator - Visual Website Optimizer
Sample Size Calculator (Evan's Awesome A/B Tools)
Get Data Driven
Validately - Test a feature before you write code
OKR and SMART Goal setting software: just3things
MeasuringU : Usability, Customer Experience & Statistics

Code Tools

Unicode to HTML converter
SVG animation tool | SVG Circus
CSS3 Generator
Ultimate CSS Gradient Generator -
JSON Editor Online - view, edit and format JSON online
CSS Inliner Tool | MailChimp Labs PX to EM conversion made simple.
Entity Conversion Calculator
Convert images to base64 strings for HTML/CSS embedding
Google Analytics URL Builder
Clippy — CSS clip-path maker
JavaScript Event KeyCodes
Snap.svg - Home
Responsive Email CSS Inliner
HTML Cleaner - Online Word To HTML Converter
NimbleText Live
BEE Free: Free Responsive HTML Email Templates - Email Builder
CRUD Admin Generator - Generate a backend from a MySql database
Font Awesome Copy & Paste

Design Tools

Colour Contrast Check -
Trianglify by @qrohlf
Retina Images
Paletton - The Color Scheme Designer
Our Tools | Teehan+Lax
UI Faces – Avatars for design mockups

Content Tools

Vatican Assassin: Charlie Sheen Lorem Ipsum Generator
Lorem Ipsum - All the facts - Lipsum generator
Reverse Text Generator - Backwards, Flipped or Upside Down!
Lorem Ipsum Generator - Samuel L Ipsum
flipping typical
YOPmail - Disposable Email Address
Random Addresses Generator

Collaboration Tools

Wake: Design Collaboration & Feedback for Teams


70 Single Page Website Designs | Template Monster Blog
AmberMiro Design Studio
Burrito Magic Launch / DNA
Booom! - One-Page Flat UI Pro Bootstrap 3 Template Preview - ThemeForest
Yandex.Mail Redesign on Behance
Apricot v 1.3
Realization website | smartphone app tablet | social marketing | INDEED Brescia
UI8 | Carefully Crafted UI Design Assets
Multi-Level Push Menu - Demo 2
Arrow Navigation Styles
Inspiration for Article Intro Effects
Research · Stanford HCI Group
Juice Labs - Visualizations We Like
CSS and jQuery Image Comparison Slider | CodyHouse
The award winning digital agency - Engage Interactive
makinguse - carlo zapponi
Pages - Admin Dashboard UI Kit
Pages - Admin Dashboard UI Kit
Clean CV – Responsive Resume Template + 4 Bonuses Preview - ThemeForest
Viget | Strategy, Design, Development

Blogs & Magazines

Website Design London, Web Design London, Web Designers
How to keep up to date on UX Design
Tom Dale
Home — Solved By Flexbox
Blog | Alessio Atzeni | Web Designer & Front-end Developer |
John Dalton's blog | Forrester Blogs
Mike Matas - About
Deliverables and Documentation « Boxes and Arrows
Responsive workflow
Johnny Holland | It's all about interaction
Steve Blank | Entrepreneurship and Conservation
Seth Godin
Nir and Far
Pixels, dots and points of view
Most Popular Articles | Stephen Gates Blog
Andi by Day — Giff Constable’s blog on technology, media, startups, and whatever else interests me
More Than This | Josh Seiden's blog about Design and related topics
About | Daniel T. Eden, Designer
design & architecture T-shirts at We print tshirt designs on demand.
Noise: How to Overcome the High, Hidden Cost of Inconsistent Decision Making
6 Years of Amazing Product Talks - Mind the Product
Why This Opportunity Solution Tree is Changing the Way Product Teams Work - Product Talk
Labs | Spotify's Engineering and Technology Blog
Think with Google - Discover Marketing Research & Digital Trends
About |
Choose your membership level | User Experience Professionals Association
User Experience Magazine - The Magazine of the User Experience Professionals Association
examples - goodcontent
Jeff Davidson Design
Seven lessons I learned from the failure of my first startup, Dinnr — Medium
Advice & Training Archive | Reason Digital
Brian Teeman - Blog
Chinese web design patterns: how and why they’re different
best metrics for measuring user engagement
An introduction to Lean UX | Paul Trenchard-Seys / the Short Bored Surfer
The Unreasonable Effectiveness of Recurrent Neural Networks
Nielsen Norman Group: UX Training, Consulting, & Research
Codrops | Useful resources and inspiration for creative minds
Distrust Your Data - Learning - Source: An OpenNews project
Vital UX skills that few designers have, and how to develop them
Lessons Learned: The one line split-test, or how to A/B all the time
Animate SVG with CSS — Jonathan Suh


UX Design Advice From 5 of History’s Greatest Innovators
Data Visualization and D3.js Training |
Data Visualization with D3.js - Tutorials & Training |
Resources for learning D3.js | Gini
D3.js crash course - CodeProject
Going to Data Visualization School - World of Data
VDA 2015 Learn AngularJS with Tutorial Videos & Training @eggheadio
Blackboard Academic Suite
Interactive Data Visualization for the Web
Linux Tutorial - Managing Group Access on Linux and UNIX
Udemy - Online Courses from the World's Experts
How to draw a good icon for Google - Turbomilk
A simple guide to responsive typography | Webdesigner Depot
NewNet-Soft - CSS Typography cheat sheet
Full-width pinned layouts with flexbox
Learn Git Branching
Flowchart Symbols Defined: Business Process Map and Flow Chart Symbols and their Meanings | BreezeTree
How to make jQuery functions sequential - Stack Overflow
Interactive Data Visualization for the Web
Techniques for Creating Textured Text | Demo 1
Moving Highlight
50 JavaScript Libraries for Charts and Graphs | TechSlides
Delft Design Approach | edX
News: User Experience Design Degree Now Online - Learn More About It
A tutorial for good typography in InDesign - Setting up a baseline grid | Typophile
D3.js Mapping Training |
AngularJS Tutorial - Code School
The DS VD: now in d3.js! — Drew Conway
Delaunay Image Triangulation Brush | creatogether
Alloy Wheel Refurbishment Essex |
Cookie Consent - the most popular solution to the Cookie Law
Template Builder
403 Forbidden
5 Methods For Innovation You Should Try with Your Team | UX Magazine
Ten UK Charity Fundraising Websites Compared 2015
Start learning at for free -
Workshop Homework — Creating a UX Strategy Playbook | USA & Europe | 2019
Node.js & WebSocket — Simple chat tutorial – Martin Sikora – Medium
User Interface Engineering - Usability Research, Training, and Events - UIE
Sōtō - Wikipedia

Product Management

Mind the Product - Product Management blog and events
Run a Workshop — Ideas Executed
Customer Development Labs - HOW to do Lean Startup