10 web design tools every web designer should be using

Last updated: Wednesday December 26th 2012
Reading time: 4 minutes

Amongst the many mince pies, beer and festive foods over the last two days I thought I would just fit in a quick blog post showcasing some tools that I have used every working day in 2012!  I have compiled a quick list of basic web design tools every web designer should be using.  Whether you’re an advanced website designer looking to double check you have all the fundamentals or you’re new to web design and want a comprehensive list of the necessary tools – this blog post will be useful for you.

1. WeTransfer

www.wetransfer.com
WeTransfer is one of a host of free services that allow you to easily send a file that’s too big for regular email. What makes this particular service stand out is the excellent 2GB file limit, and the ability to send multiple files simultaneously without having to register for an account, making it an ideal way to get your larger files around the web.

2. Evernote

www.evernote.com
Evernote allows you to create a virtual scrapbook of web pages, photos, text and audio that you come across while browsing and access them on any of your devices including your desktop computers, phone and tablet. The database allows you to create keywords and tags to quickly categorise and search for items in your notebook, and even uses OCR to digitise text in photos and images.

3. DropBox

dropbox.com
Dropbox is a free service that allows you to store files on the web (in the cloud) and automatically synchronise them between your different computers and devices. It works on Android, iPhone and iPad, as well as your desktop computer, and supports collaboration through sharing of folders with your contacts.

4. DocHub

Instant access to documentation for CSS, HTML, JavaScript and more.

5. CSS3 Generator

css3generator.com
A tool that generates code for tonnes of CSS3 features.

6. CSS3 Click Chart

css3clickchart.com
Code, links, and examples for loads of CSS3 features.

7. Skeleton

www.getskeleton.com
A boilerplate for responsive, mobile-friendly development of sites.

8. Google Webmaster Tools

www.google.com/webmasters/tools
Webmaster tools for optimising websites for search.

9. WPtouch Pro

wordpress.org/plugins/wptouch/
WordPress plug-in that instantly adds a mobile version to your site.

10. Google Analytics

www.google.co.uk/analytics/
Don’t rely on guesswork when it comes to your web design/ development investment. Get insights and data that you can act on from Google Analytics.

11. Google Keyword Tool

Everyone wants their website to rank high on search engines like Google.  The Google Keyword Tool allows a web designer/ SEO consultant to research the competitiveness of keywords when planning what text to place in their website and what keywords to target.

About the author
Laurence

I am a 26 year old WordPress Web Designer and SEO Consultant based in Banbury, Oxfordshire, UK. I have designed and maintained sites with over 20,000 pages on large corporate websites, smaller small business sites, and tiny personal websies and blogs. I provide freelance WordPress web design services in my evenings and weekends and also work full time at Toast Design in Banbury. You can connect with me on Twitter, Facebook and on Google+.