Miscellaneous Tips And Tutorials For Coding HTML/CSS3

General HTML/CSS reference:
W3C Schools

My favorite editor:
http://brackets.io

CodePen is a playground for the front end web.
Show off your latest creation and get feedback. Build a test case for that pesky bug. Find example design patterns and inspiration for your projects.
codepen.io

To cheat on some CSS:
http://www.cssmatic.com

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript:
jQuery

Lightbox is a simple, unobtrusive script used to overlay images on top of the current page. It’s a snap to setup and works on all modern browsers:
Lightbox 2

Resources For The Web Layout Referred In Class

Based on 960 pixels width:
http://960.gs

Full fluid architecture:
http://unsemantic.com

to build a grid easily:
http://cedvel.com

on Web Typography
as a respond to a few questions that I got over email, a general reminder about using type online:
you can use the @font-face rule as explained in the following link:
http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

or you can go for some other free font serving services online such as:
Google fonts

Typekit

FontSquirrel

Adobe Edge Fonts

and

Cufon