Difference between revisions of "Anatomy of a Webpage 1"
Jump to navigation
Jump to search
m (brain dump (v0.1)) |
(POSTURE!) |
||
| Line 7: | Line 7: | ||
CSS and JavaScript are exciting things, but without HTML they have nothing to do. Peanut butter and jelly, but no bread. | CSS and JavaScript are exciting things, but without HTML they have nothing to do. Peanut butter and jelly, but no bread. | ||
| − | HTML | + | == HTML == |
| − | + | *head | |
| − | body | + | *body |
| − | a, img | + | *a, img |
| − | divs | + | *divs |
| − | tables, and why they're deprecated | + | *tables, and why they're deprecated |
| − | CSS | + | == CSS == |
| − | class and ID | + | *class and ID |
| − | selectors | + | *selectors |
| − | media queries (?) | + | *media queries (?) |
| − | LESS (?) | + | *LESS (?) |
| − | JavaScript | + | == JavaScript == |
| − | The DOM | + | *The DOM |
| − | jQuery. 'nuff said. | + | *jQuery. 'nuff said. |
| − | + | == WebKit Inspector / Firebug == | |
| − | Live editing. Ain't it cool? | + | *Live editing. Ain't it cool? |
| − | Documentation | + | == Documentation == |
| − | [https://developer.mozilla.org/en-US/ MDN] | + | *[https://developer.mozilla.org/en-US/ MDN] |
| − | [http://www.w3schools.com/ W3Schools] | + | *[http://www.w3schools.com/ W3Schools] |
| − | [http://www.webplatform.org/ http://www.webplatform.org/] | + | *[http://www.webplatform.org/ http://www.webplatform.org/] |
Revision as of 05:16, 23 January 2013
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?