- Media queries - for example: <link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="style480.css" />
- Viewport meta tag - controls the dimensions of the mobile browser window
- Flexible layout - Use percentages and third-party flexible grids
- Flexible images - set max-width style for image as 100%; myimage { max-width: 100%;}
2. Cascade Style Sheets
- inline styles, internal styles and external styles
- id, class, element selectors and specificity
- CSS positioning and display properties
- Building navigation bars using CSS
- Background images, sprites
- Building simple grids
- Playing with page CSS using Chrome developer tools, Firebug in Fire fox
- CSS3 features
3. JavaScript
- Capturing the DOM elements
- Functions - creating and calling
- Variables - globals, locals, hoisting
- Loops and Conditionals
- Form validations
- Event binding and delegation, Event capturing and bubbling
- Objects and constructor functions
- AJAX
4. HTML Elements
- Form elements
- Layout elements
- Special elements
- Web Storage, Local Storage
- HTML 4.01 and HTML 5
