|HTML5 & CSS3 for the Real World|
|Goldstein (Alexis), Lazaris (Louis) & Wehl (Estelle)|
|Source: Goldstein (Alexis), Lazaris (Louis) & Wehl (Estelle) - HTML5 & CSS3 for the Real World|
|Paper - Abstract|
|Paper Statistics||Notes Citing this Paper||Colour-Conventions||Disclaimer|
What’s in This Book
Before we tackle the hands-on stuff, we’ll present you with a little bit of history, along with some compelling reasons to start using HTML5 and CSS3 today. We’ll also look at the current state of affairs in terms of browser support, and argue that a great deal of these new technologies are ready to be used today — so long as they’re used wisely.
In this chapter, we’ll show you some of the new structural and semantic elements that are new in HTML5. We’ll also be introducing The HTML5 Herald, a demo site we’ll be working on throughout the rest of the book. Think divs are boring? So do we. Good thing HTML5 now provides an assortment of options: article, section, nav, footer, aside, and header!
Continuing on from the previous chapter, we turn our attention to the new way in which HTML5 constructs document outlines. Then we look at a plethora of other semantic elements that let you be a little more expressive with your markup.
Some of the most useful and currently applicable features in HTML5 pertain to forms. A number of browsers now support native validation on email types like emails and URLs, and some browsers even support native date pickers, sliders, and spinner boxes. It’s almost enough to make you enjoy coding forms! This chapter covers everything you need to know to be up to speed writing HTML5 forms, and provides scripted fallbacks for older browsers.
HTML5 is often touted as a contender for the online multimedia content crown, long held by Flash. The new audio and video elements are the reason — they provide native, scriptable containers for your media without relying on a thirdparty plugin like Flash. In this chapter, you’ll learn all the ins and outs of putting these new elements to work.
Now that we’ve covered just about all of HTML5, it’s time to move onto its close relative CSS3.We’ll start our tour of CSS3 by looking at some of the new selectors that let you target elements on the page with unprecedented flexibility. Then we’ll follow up with a look at some new ways of specifying color in CSS3, including transparency.We’ll close the chapter with a few quick wins — cool CSS3 features that can be added to your site with a minimum of work: text shadows, drop shadows, and rounded corners.
When was the last time you worked on a site that didn’t have a gradient or a background image on it? CSS3 provides some overdue support to developers spending far too much time wrangling with Photoshop, trying to create the perfect background gradients and images without breaking the bandwidth bank. Now you can specify linear or radial gradients right in your CSS without images, and you can give an element any number of background images. Time to ditch all those spare divs you’ve been lugging around.
Do you prefer Arial or Verdana? Georgia or Times? How about none of those? In this chapter, we’ll look at how we can move past the “web-safe” fonts of yesteryear and embed any fonts right into our pages for visitors to download along with our stylesheets and images. We’ll also look at a promising new CSS feature that allows us to lay out content across multiple columns without using extra markup or the dreaded float.
A separate specification that’s often mentioned in the same breath as HTML5, WAI-ARIA is the latest set of tools to help make sophisticated web applications accessible to users of assistive technology. While a whole book could be devoted to WAI-ARIA, we thought it beneficial to include a quick summary of what it is, as well as some pointers to places where you can learn more.
Microdata is part of the HTML5 specification that deals with annotating markup with machine-readable labels. It’s still somewhat in flux, but we thought it was worthwhile to get you up to speed with a few examples.
Text Colour Conventions (see disclaimer)
|© Theo Todman, June 2007 - Jan 2019.||Please address any comments on this page to email@example.com.||File output: |
Website Maintenance Dashboard
|Return to Top of this Page||Return to Theo Todman's Philosophy Page||Return to Theo Todman's Home Page|