Essential Website Design Tools

SCREEN SIMULATORS

iPhone & iPad Simulator – http://transmog.net/iphone-simulator/

Responsive Design Tester 1 – http://mattkersley.com/responsive/

Responsive Design Tester 2 – https://quirktools.com/screenfly/

Responsive Design Tester 3 – http://responsivetest.net/

Responsive Apple Tester 4 – http://coolestguidesontheplanet.com/responsive/

 

WEBSITE LOADING TIME

Website Speed Tester 1 – http://gtmetrix.com/

Website Speed Tester 2 – http://tools.pingdom.com/fpt/

Website Speed Tester 3 – http://developers.google.com/speed/pagespeed/insights/

Website Speed Tester 4 – https://www.webpagetest.org/

Image Compressor – http://www.smushit.com/ysmush.it/

 

IMAGE EDITING

Add Text to Images (memes) – http://wigflip.com/roflbot/

Reverse Image Search – http://www.tineye.com/

png Editing and Text – http://www133.lunapic.com/

Belcher Button Creator – http://seowebfirms.com/free-belcher-button-creator-tool/

 

SOCIAL TESTERS

Google Rich Snippets – http://www.google.com/webmasters/tools/richsnippets

Facebook Debugger – https://developers.facebook.com/tools/debug/

 

FONTS

Google Fonts – http://www.google.com/fonts/

Font Squirrel – http://www.fontsquirrel.com/

Font Finder in Images – http://www.myfonts.com/WhatTheFont/

 

INSTALLATION & SETUP

Free Google Apps – http://www.hongkiat.com/blog/google-app-mail-for-free/

DNS Propagation Checker – https://www.whatsmydns.net/

YouTube Partner Setup & Help – https://www.youtube.com/user/partnersupport

Install this to help with images on mobile devices – http://adaptive-images.com/

 

COLOURS

Colour Chart 1 – http://www.htmlgoodies.com/tutorials/colors/article.php/3478961/So-You-Want-A-Basic-Color-Code-Huh.htm

Colour Chart 2 – http://www.december.com/html/spec/color2.html

Hex and RGB Colour Code Finder – http://icons.vrx.net/sys/color