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 J Query library
- Responsive testing
Load your website into the DesignModo application and see how it preforms on difference devices
Every wondered what’s behind the bit.ly web links? This website shows the web address that’s been hiding behind the short URL.
- 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
An oldie but a goodie – generate word clouds from text you enter.
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.
- 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 colors, typography, buttons, forms, and the mood quickly and easily.
A curated list of tools and resources for people who make websites