We all have a collection of favourite and useful websites we use for web design and development. Here are a few of mine – hope you find them useful.
- Colour Hex
Colour-Hex gives information about colours including colour models (RGB,HSL, HSV and CMYK), Triadic colours, monochromatic colours and analogous colours.
Accessible text colours are generated with WCAG Guidelines recommend contrast ratio.
- Compressor IO
Compress and optimise your images – up to 90% file size reduction.
- Ctrl Q
Capture screenshots of web pages, just enter the web address and download the image file.
Dimesions.Guide is a comprehensive reference database of dimensioned drawings documenting the standard measurements and sizes of the everyday objects and spaces that make up our world.
- Design Principles
Open source resource created to help us understand and write Design Principles
- Google Design
Design guide information from Google
- Google Material Icons
Use in your web, Android, and iOS projects
- Icon Finder
Looking for an icon? Try this website which has all sorts of shapes and sizes.
Free image editing from within your web browser.
- 8 free tools for creating infographics
Venture into the wonderful world of infographics.
- 40 free Photoshop and HTML email newsletter templates
All these Email Newsletter Templates have a professional design and are free to download.
- 40+ free image sources for social media and blog campaigns
If you want a photo or image on a specific topic, you’ll want a site that’s searchable. Here are a few to check out.
- 45 free Photoshop brochure templates
Give your businesses a tremendous boost with these brilliant brochure templates.
- 50 free Photoshop actions
Creative Blog has rounded up some of the best Photoshop actions that are free to download and create stunning effects.
- Can I Use
Check to see whether you can use certain HTML and CSS commands
- Built With
Find out the technology behind websites
- First Site Guide
Discover important info about any website. Analyse technologies they use and how well they perform.
- Get template
Responsive HTML5 and CSS3 templates for rapid web development
- Google Developer Web Fundamentals
Best practices for great multi-device web experiences.
A Prototyping, Collaboration & Workflow Platform
- Marvel App
Turn sketches, wireframes, PSDs and designs into interactive mobile and web prototypes in just a few clicks. All synced in real-time from Dropbox.
- Mobile test me
Test your websites in smartphone & tablet emulators
- Page Piling JS
Original page scrolling JQuery library
- Responsive testing
Load your website into the DesignModo application and see how it performs on different devices
- Your Browser Is
Geeky and interesting things about your web browser
- Copy Paste Character
Easily copy special characters that don’t appear on your keyboard.
- Convert files to nice small PDF documents
Social Media / SEO
- Google Adwords Keyword Planner
Keyword Planner is like a workshop for building new Search Network campaigns or expanding existing ones
- MOZ SEO
Great site that helps explains SEO, Social Media, Link Building and many more things in plain English
Real-time social media search and analysis
- The 10 Commandments of SEO
There are some fundamental rules that can be applied universally to any website, and they simply cannot be ignored.
- Facebook cover image generator
Upload your images to create the perfect Facebook cover photo that works on mobile and desktop.
- Internet Live Stats
The really big picture of how many internet users there are in the world and the number of websites
- Designers checklist
A personal project by Adrien Heury, french UI/UX designer
- UX project checklist
A collection of useful links to help make your website better
- Web developer checklist
Visual development checklist for the web
- A Step-by-Step Guide to Creating Effective User Journey Map
A brilliant guide that’s also free!
A small web template that allows you to define colours, typography, buttons, forms, and the mood quickly and easily.
A curated list of tools and resources for people who make websites