ZACK BRADY

Invaluable Resources: A Large List of Online Resources that Any Web Professional Needs

Tweet

Below is a list that my business/creative partner Miles Roxas and I havep collected of many great resources that we feel any web professional should have access to and/or know of. These include documentation, tutorials, blogs, webcasts, tools, and more. While large it is by no means exhaustive. Please let me know of any more resources we should have on this list (seriously, that would be awesome).

I’ve left off my commentary this time. These resources speak for themselves and I don’t want to keep you from perusing them.

To begin, you MUST watch this video.

Video Introduction to A Modern Web Designer’s Workflow by Chris Coyier:
http://www.youtube.com/watch?v=vsTrAfJFLXI

HTML5 Resources

HTML5 Documentation:
https://developer.mozilla.org/en-US/docs/HTML/HTML5

HTML5 Overview:
http://www.html5rocks.com/en/

HTML5 Best Practices:
http://www.instantshift.com/2012/03/27/html5-best-practices-for-designers/

HTML5 Weekly Newsletter:
http://www.html5weekly.com

HTML5 For Web Designers:
http://www.abookapart.com/products/html5-for-web-designers

HTML5 Dotor:
http://html5doctor.com

CSS/SASS/Compass Resources

CSS Documentation:

https://developer.mozilla.org/en-US/docs/CSS

SASS Website:
http://sass-lang.com

SASS Tutorial for setup and usage:
http://sass-lang.com/tutorial.html

Compass:
http://compass-style.org

CSS Weekly Newsletter:
http://css-weekly.com

CSS-Tricks Article (Ending has tips on hooking up SASS and Compass to Codekit):
http://css-tricks.com/media-queries-sass-3-2-and-codekit/

Javascript etc.

Javascript Documentation:
https://developer.mozilla.org/en-US/docs/JavaScript

Javascript Weekly Newsletter:
http://javascriptweekly.com

jQuery: http://jquery.com

jQuery Documentation:
http://api.jquery.com

WordPress Resouces

WordPress Codex:
http://codex.wordpress.org

WordPress Forum:
http://wordpress.org/support/

WordPress Tuts:
http://wp.tutsplus.com

PHP Resources

PHP Documentation:
http://php.net

PHP Resources:
http://net.tutsplus.com/articles/web-roundups/40-invaluable-php-tutorials-and-resources/

More PHP Resources:
http://www.smashingbuzz.com/2010/03/35-really-useful-php-tutorials-and-development-techniques/

Web Design General Resources

Responsive Design Weekly:
http://responsivedesignweekly.com

Web Design Weekly:
http://web-design-weekly.com

Nettuts – HTML and CSS guides:
http://webdesign.tutsplus.com

Adobe Developer Connection:
http://www.adobe.com/devnet/html5.html

Tools

Sublime Text 2:
http://www.sublimetext.com/2

CodeKit:
http://incident57.com/codekit/

Git Hub for Mac:
http://mac.github.com

Online Sandbox Environments

jsFiddle:
http://jsfiddle.net

CodePen:
http://codepen.io

Blogs

A List Apart:
http://www.alistapart.com

CSS-Tricks:
http://css-tricks.com

Smashing Magazine – General Web Industry:
http://www.smashingmagazine.com

Net Magazine:
http://www.netmagazine.com

The Best Designs – Design Inspiration:
http://www.thebestdesigns.com

Awwwards – Design Inspiration:
http://www.awwwards.com

Paul Irish’s Blog:
http://paulirish.com

Standardista:
http://www.standardista.com

David Rupert’s Blog:
http://daverupert.com

Great Webcasts

The Web Ahead:
http://5by5.tv/webahead

ShopTalk Show:
http://shoptalkshow.com

The East Wing:
http://theeastwing.net

The Big Web Show:
http://5by5.tv/h3igwebshow


Web Design and Development, Web Tutorials
bbd-logo