HTML5, CSS3, and JavaScript
•
13 likes•4,000 views
Lecture slides and videos from my talk at the 2011 Montgomery College Student Web and Gaming Conference.
Report
Share
HTML5, CSS3, and JavaScript
- 1. HTML5makes the web better
- 3. The Web TodayInterlinked and interactive digital content
- 4. Accessed across a range of devices
- 5. An open platform for programmers and designersWhat is HTML5?HTMLCSSJavaScript
- 6. What is HTML5?HTMLCSSJavaScriptHTML: Hyper Text Markup LanguageA markup language
- 7. Gives structure and meaning
- 8. Version 5What is HTML5?HTMLJavaScriptCSSCSS: Cascading Style SheetsA presentation language
- 9. Styles content for device
- 10. Version 3What is HTML5?HTMLCSSJavaScriptJS: JavaScript (ECMA-262)A programming language
- 11. Controls behavior on a web page
- 12. Version 1.8What is HTML5?HTMLCSSJavaScriptIt’s also just HTML5
- 13. HTML5: Semantics
- 14. HTML5: Semanticstypical html4 page structure
- 15. HTML5: Semanticspage structure with HTML5
- 16. HTML5: Microdatahtml for an event
- 17. HTML5: Microdatahtml for an event with microdata
- 18. HTML5: Microdata
- 19. HTML5: Offline & Storage
- 20. HTML5: Offline & StorageGmail works offline using HTML5 and Google Gears
- 25. HTML5: Device OrientationSnow fall changes based on moving laptop to left and right
- 27. HTML5: Web SocketsWeb sockets senddata between theserver and clientfasterthan http requests
- 32. New with HTML5
- 33. HTML5: Canvas
- 34. HTML5: Canvas
- 35. HTML5: Canvas
- 38. HTML5: CSS3
- 39. New with CSS3Rounded corners
- 41. RGBa & opacity
- 42. Web fonts
- 43. Text & box shadow
- 44. Gradients
- 46. Media QueriesCSS3: Rounded Corners
- 47. CSS3: Rounded CornersThis HTML embeds two of the images in the pageas normal images
- 48. CSS3: Rounded CornersThe other two imagesare added in the CSS
- 49. CSS3: Rounded CornersThis HTML is much simpler and has no images in it
- 50. CSS3: Rounded CornersStyling for rounded corners done in 1 line with CSS3!
- 51. CSS3: Web FontsBefore CSS3, custom fonts required making images for each word or using Flash to embed fonts and replace HTML text
- 52. CSS3: Web Fonts
- 53. CSS3: Web Fonts
- 54. CSS3: Media QueriesApply different styles based on measurements of the device
- 55. HTML5: Overview
- 57. JavaScriptHTMLCSSJavaScriptCan’t do much HTML5 without it
- 58. One of most in demand languages
- 59. Teaching it next semesterLearn MoreAdvanced Web Design (CA273)HTML5, CSS3JavaScript (CA276)JavaScript