Useful tools and resources for Web designers

This page contains all the resources that I use and I think would be helpful for all of your web design needs. I will update this list as I discover new tools and resources. I recommend bookmarking it for your reference and convenience. Check out my list of incredibly useful tools and resources for designers and developers below. If you have a favorite tool or resource you think I should add, please email me or let me know in the comments!

Code Editors

  • PHPStorm: code editor with excellent support for PHP, HTML, JavaScript, CSS, Sass
  • Brackets: An open source code editor for the web, written in JavaScript, HTML and CSS by Adobe.

Design tools

  • Sketch: a vector-based design tool like Illustrator, but lighter, and intended for the web.
  • Adobe Creative Suite: Photoshop, Fireworks, Illustrator
  • Screenflow
  • Keynotes

Photos

Browser Addons

CSS Preprocessors

static site generator

Web hosting, Cloud Storage and Versioning

Domain names

  • Namecheap: If you’re going to have a website you will need to register a domain name.

Website Testing and Tracking

Online tools

These tools allow you to create and easily share small test projects or example applications using only the browser.

Guides and education

Email Marketing

Templates and Themes

Inspiration

Productivity

Books

Stay Up To Date!

Join my newsletter or follow me on Twitter