Anatomy of a Webpage 1

All Webpages Are Created Equal

All webpages are created using HTML. Each page's HTML is loaded by the web browser, and rendered into what we see. Things like CSS make it look fancy, and things like JavaScript make it dance, but it's all HTML at it's core. With the decline of Flash due to the mobile experience's lack of hover events, HTML5 is the dominant medium for rich web experiences for the forseeable future.

First things first. CSS and JavaScript are exciting things, but without HTML they have nothing to do. Peanut butter and jelly, but no bread.

HTML

• head
• body
• a, img
• divs
• tables, and why they're deprecated

CSS

• class and ID
• selectors
• media queries (?)
• LESS (?)

JavaScript

• The DOM
• jQuery. 'nuff said.

WebKit Inspector / Firebug

• Live editing. Ain't it cool?

Documentation

• MDN
• W3Schools
• http://www.webplatform.org/