1. WEB DEVELOPMENT IMMERSIVE ADVANCED LAYOUT, FORMS, & MEDIA

2. 2 Grid Systems Positioning Properties User Forms Embedding Media Image Sprites & Rollovers Front End Frameworks TOPICS GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE

3. 3 POPULAR CSS GRID SYSTEMS GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE 960 Blueprint SenCSS The Semantic Grid System Twitter Bootstrap (grid included)

4. 4 CSS GRID SYSTEMS GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE

5. 5 CSS GRID SYSTEMS GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE

6. 6 RELATIVE POSITIONING GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE.box { position:relative; top: 25px; left: 200px; }

7. 7 RELATIVE POSITIONING GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE

8. 8 ABSOLUTE POSITIONING GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE.box { position:absolute; top: 0; right: 0; }

9. 9 ABSOLUTE POSITIONING GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE

10. 10 FIXED POSITIONING GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE.box { position:fixed; top: 0; right: 150px; }

11. 11 FIXED POSITIONING GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE

12. 12 Z-INDEX (LAYERING) GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE.bluebox { position:relative; top: 125px; left: 125px; z-index:3; }

13. 13 Z-INDEX (LAYERING) GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE

14. 14 EMBEDDING VIDEO WITH A SINGLE SOURCE GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE

15. 15 EMBEDDING VIDEO USING MULTIPLE SOURCES GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE

16. 16 VIDEO ELEMENT SUPPORT GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE

17. 17 VIDEO CODEC TYPE SUPPORT GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE

18. 18 CUSTOM VIDEO PLAYER SOLUTIONS GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE Reviews & Feature Chart: http://praegnanz.de/html5video/http://praegnanz.de/html5video/

19. 19 IMAGE SPRITES GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE YES NO

20. 20 IMAGE SPRITES GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE Sprites can include 2 states for a single icon or they can contain multiple states for many different menu items. One advantage is quicker loading time. Load navigation images all at once. No waiting during the mouseover event.

21. 21 SINGLE ICON, 2 STATES GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE

22. 22 MULTI ICON, MULTI STATES GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE

23. 23 CSS SPRITE ROLLOVER GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE

24. 24 FRONT END FRAMEWORKS GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE html5boilerplate.com html5boilerplate.com/mobile

25. 25 TWITTER BOOTSTRAP 2 GENERAL ASSEMBLYWEB DEVELOPMENT IMMERSIVE twitter.github.com/bootstrap

26. 26 GENERAL ASSEMBLY WEB DEVELOPMENT IMMERSIVE