Useful websites

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.

Design

• Colour Hex
  Colour-Hex gives information about colours including colour models (RGB,HSL, HSV and CMYK), Triadic colours, monochromatic colours and analogous colours.
• Coloursafe
  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.
• Dimensions.Guide 
  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.
• Pixlr
  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.

Development

• 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.
• InVision
  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

Content

• Copy Paste Character
  Easily copy special characters that don’t appear on your keyboard.
• Small PDF
  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
• Socialmention
  Real-time social media search and analysis
• Semrush
  Competitor research
• 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.

Analytics

• Internet Live Stats
  The really big picture of how many internet users there are in the world and the number of websites

Usability 

• 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

User Experience

• A Step-by-Step Guide to Creating Effective User Journey Map
  A brilliant guide that’s also free!
• Webstiles
  A small web template that allows you to define colours, typography, buttons, forms, and the mood quickly and easily.

Misc

• WWWHERE
  A curated list of tools and resources for people who make websites