uCertify

Beginning HTML5 and CSS3

(HTML5-CSS3) / ISBN : 978-1-61691-444-8
Lessons
TestPrep
193 Reviews
Get A Free Trial

Skills You’ll Get

Download Course Outline

1

HTML5: Now, Not 2022

  • Basic tenets
  • How was HTML5 created?
  • HTML5 moving forward!
  • HTML5 design principles
  • A dozen myths about HTML5
  • Summary
2

Your First Plunge into HTML5

  • Homework review
  • It's all in the head
  • A Hello World! journey
  • Supporting HTML5 cross-browser
  • An HTML5 boilerplate page
  • Validation
  • Revisiting Miss Baker
  • Summary
  • Homework
3

New Structural Elements

  • Workflow practices, evolving?
  • A brave new semantic dawn
  • Structural building blocks: <div>, <section>, and <article>
  • Headings: <header>, <hgroup>, and <h1>-<h6>, plus <footer>
  • The HTML5 outlining algorithm
  • HTML5-style heading element levels
  • Even more structural elements: <nav>, <aside>, <figure> (and <figcaption>)
  • Putting it all together
  • Accessibility and HTML5
  • Summary
  • Homework
  • Further Reading
4

A Richer Approach to Marking Up Content

  • Baking the best cake we possibly can
  • Ex-presentational elements and friends
  • Block-level links with the <a> element
  • Other elements with minor changes from HTML 4
  • New semantic elements
  • Extending HTML5
  • Summary
5

Rich Media

  • The case for Flash
  • Video the HTML5 way
  • Audio
  • Canvas
  • SVG
  • Summary
  • Homework
6

Paving the Way for Web Applications

  • HTML5 forms
  • Web applications
  • The glorious dawn of the age of the standards-ba...d of compliant browsers, on a variety of devices
  • Homework: Mark up the Join Gordo's Space Cadets form using the new markup covered
7

CSS3, Here and Now

  • A Refresher on the importance of web standards
  • CSS 1, CSS 2.1, CSS3 ...
  • Is CSS3 ready?
  • The benefits of CSS3
  • CSS basics refresher
  • CSS shorthand
  • The cascade, specificity, and inheritance
  • CSS organization and maintenance
  • Browser support, vendor prefixes, polyfills, and progressive enhancement
  • Feature detection and polyfills
  • Summary
  • Homework
  • Appendix: CSS3 Module Status
8

Keeping Your Markup Slim Using CSS Selectors

  • Selectors rundown
  • CSS3 selectors
  • Browser support
  • Selectors of the future
  • Summary
  • Homework
  • Appendix
9

A Layout for Every Occasion

  • The web of many devices
  • The Visual Formatting Model of CSS it's boxes all the way down!
  • CSS3 layouts
  • Conclusion
  • Further reading
  • Homework
10

Improving Web Typography

  • Typeface and fonts
  • Anatomy of type
  • A brief history of web type
  • Text as image
  • sIFR
  • Cufón
  • SVG fonts
  • @font-face
  • Finding web fonts
  • Baselines
  • Designing with a grid
  • Baseline grid in summary
  • Fun with web type
  • Control the quote glyphs
  • Summary
  • Further Reading
11

Putting CSS3 Properties to Work

  • Color and transparency
  • Backgrounds
  • Borders
  • Drop shadows
  • Gradients
  • Detecting support and helping other browsers
  • Summary
  • Homework
12

Transforms, Transitions, and Animation

  • Translate, rotate, scale, skew, transform: 2D and 3D CSS transforms
  • CSS transitions and CSS animations: compare and contrast
  • CSS transitions: bling in 4D!
  • Keyframin' with CSS animations
  • Further Reading
13

The Future of CSS or, Awesome Stuff That's Coming

  • Hardware acceleration and CSS performance
  • Internationalization
  • Go forth and make awesome
  • Appendix: essential links
14

Video Tutorials

  • Training Videos of HTML
  • Training Videos of CSS

Beginning HTML5 and CSS3

$159.99

Buy Now

Related Courses

All Course