Processing Links


Processing: A Programming Handbook for Visual Designers and Artists

by Casey Reas and Ben Fry
external image reas-book.jpg
Table of Contents and Index (PDF, 500 KB)
Sample Chapters with Contents and Index (PDF, 7.6 MB)
All code examples in the book (ZIP, 15 MB)

Learn Processing

http://www.learningprocessing.com/
A website that offers tutorials and examples for processing.


CSS, HTML, and Typography Links


BgPatterns

Fun background pattern generator.
http://bgpatterns.com/

Box Model

The box model allows us to place a border around elements and space elements in relation to other elements such as margins, boarders, padding, and content
BoxModelForCSS

ColourBlender

http://colorblender.com/

Colour Scheme Generator

http://colorschemedesigner.com/

Colour Schemer

Screen_shot_2010-03-25_at_11.11.09_AM.png
Colour Schemer

CSS Tricks

http://css-tricks.com/

Da Font

http://www.dafont.com/

Doctype Tutorial

Useful tutorial to understand and set up doctype in you HTML
http://www.w3schools.com/tags/tag_doctype.asp

Font Squirrel

http://www.fontsquirrel.com/

FireBug

http://getfirebug.com/
A plug-in for Firefox that allow users to change the HTML or CSS of the website they are viewing. Sort of like Dreamweaver and it's preview function. You're not really changing the actual file, but just the appearance via the browser. This is a good tool to use for critiques, you can test out your suggestions before giving it!

Free Textures

http://www.flickr.com/photos/bittbox/

Free Stock Photos on the Web

A list of websites that provide free high-quality stock photos for FREE! Good for almost any project! :)
http://sixrevisions.com/resources/15-best-places-for-designers-to-get-free-stock-photos-online/

Google Analytics

Site for getting information on your website (Ex. How many people visit, who visits, etc.)
http://www.google.com/analytics/

Gridmaker

creates a grid that you can use to visualize your layouts before creating them for the web
Gridmaker

HTML dog

HTML and CSS tutorials
http://htmldog.com/

jQuery

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.
http://jquery.com/

Mood Boards

Site which describes what and how to create different types of Mood Boards
http://www.webdesignerdepot.com/2008/12/why-mood-boards-matter/

Typechart

Lets you flip through, preview and compare web typography while retrieving the CSS
http://www.typechart.com/

Validator

Site for checking any errors or warnings found in your website
http://validator.w3.org/

W3 Schools

Stuck on a certain code? W3 Schools has the answers in HTML, CSS, Java, and more!
http://www.w3schools.com

Web Page Analyzer

Just enter the URL of your website and it'll caculate the page size and how fast your website loads (they test it with various internet speed), and offer suggestions on how to optimize your website (through image size compression or condensing HTML files/codes).
http://www.websiteoptimization.com/services/analyze/

Web Typography

A practical guide to web typography
http://www.webtypography.net/

Wireframes

Wireframes is a site that goes into detail about different processes involved in web design (sitemaps, prototypes, user journey, etc.)
http://wireframes.linowski.ca/


DIY stuff

Instructables

DIY tutorials on literally EVERYTHING
http://www.instructables.com/

Threadbangers

fashion related DIY tutorials
http://www.threadbanger.com/

Wireframes

Just a brief description as to what they are and how to make them =]
Wireframes