Resources

toc =Resources= If you find any useful resources, please post them here. Be sure to annotate the resource as to why it is useful and possibly highlight which parts/pages are of interest. Try to avoid the the "link dump" syndrome ....


 * Links Mentioned in Class**

Dear Designer, You Aren’t That Special

 A Website Named Desire

 Grid Based Design

 Awwwards

 CSS Design Awards

 FWA

 Mobile Patterns

 Arbor.JS

 Isotope


 * Mood Boards**

A website that describes the purposes and how to make different types of Mood Boards. Check it out [|here.]


 * Processing**

[|Processing.org] has a section on their website under the learning section with a number of books that are available to help people with processing. Check them out [|here]

Video Capture: How to add webcam video to your sketches

**Web safe areas**

Just incase anyone forgot what the web safe area is I found a website that has the websafe area for many different browers. Check it out here

Type on Screen
[]
 * Just found this today and it's pretty useful for when you need to see the size and look of a typeface for web design.
 * You can also see how how the type looks when it is underlined, etc. and how it looks with a background colour.
 * Great resources for web fonts: [|Cufon] and [|Typekit]!

[] > G + H Show and hold the grid (G will remove it again). > G + F Toggle the grid to the foreground and back. > Pressing F while the grid is held also works.
 * Shows and explains how this website uses the grid to organize information
 * G Show the grid until you release.

= =

= =

**Learning jQuery**
> An 18 minute video introducing jQuery and how to use it. Highly recommended. > Lots of introductions and walk-throughs to help you get started with jQuery. > The official introduction to jQuery - a good place to start. = =
 * 1) []
 * 1) [|http://net.tutsplus.com/tutorials/javascript-ajax/15-resources-to-get-you-started-with-jquery-from-scratch]
 * 1) [|http://docs.jquery.com/How_jQuery_Works]
 * 1) []

= =

Learning CSS
> A great introduction to best practices for writing good, clean CSS. > Typographic tricks for CSS goodness.
 * 1) []
 * 1) [|http://www.betaversion.org/~stefano/linotype/news/169/]
 * 1) []
 * 2) @http://www.apaddedcell.com/how-centre-div-and-other-css-tricks Tips on centering your divs, also gives a nice break down on what each component does that goes into centering i.e padding, margins etc.
 * 3) http://webdesignerwall.com/ - lots of good info on web design, there is a post that shows you how to design for IE

**HTML and CSS**


 * @http://www.w3schools.com/ A useful that offers free tutorials which help with web design (HTML, CSS, jQuery, Javascript, etc.)
 * [] Tool which informs you of any standard problems in your code.
 * Fire Bug Nifty little tool for fire fox that allows you to see what's going on under the hood of any website.

**Tips and Tricks**

 * [|http://www.webtypography.net] Some tips on web typography such as kerning, leading, paragraphs, etc
 * Rotating Text code that will help you rotate image/text in html
 * [|Grid Maker] allows you to create grids for web layouts and save them as png files.
 * Onload How to change your browser window and scroll to a specific area of your page upon loading.
 * <span style="cursor: pointer; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0px;">[|The Design Cubicle] A blog that aims to teach, inspire, and help designers (other sections available).

= **Other Fun Things** =
 * []Is a website that allows you to take an image of a font you're not familiar with and it tells you want font it is, and if not, it will tell you a font similar to the one you uploaded. Quite useful, learned about the site in Type 2 class. It may be useful when you need to find a certain font for web designing
 * [] A quick and easy way to preview words with fonts installed on your computer
 * @http://scriptographer.org/ A cool way to create type online

=jQuery UI=

<span style="color: #666666; font-family: 'Trebuchet MS',Verdana,sans-serif; font-size: 15px; line-height: 21px;">jQuery UI is an open source library of interface components — <span style="color: #1b75bb; font-family: 'Trebuchet MS',Verdana,sans-serif; margin: 0px; padding: 0px; text-decoration: none; text-transform: none;">[|interactions, full-featured widgets, and animation effects] — based on the stellar <span style="color: #1b75bb; font-family: 'Trebuchet MS',Verdana,sans-serif; margin: 0px; padding: 0px; text-decoration: none; text-transform: none;">[|jQuery javascript library]. Each component is built according to <span style="color: #1b75bb; font-family: 'Trebuchet MS',Verdana,sans-serif; margin: 0px; padding: 0px; text-decoration: none; text-transform: none;">[|jQuery's event-driven architecture] (find something, manipulate it) and is <span style="color: #1b75bb; font-family: 'Trebuchet MS',Verdana,sans-serif; margin: 0px; padding: 0px; text-decoration: none; text-transform: none;">[|themeable], making it easy for developers of any skill level to integrate and extend into their own code.

= Photography =
 * Here is a link to my photography classes resource page. there are a few things on there that will be helpful for taking good pictures for our projects