<!DOCTYPE html><HTML lang="en"> <head><meta charset="utf-8"> <title>Goldstein (Alexis), Lazaris (Louis) & Wehl (Estelle) - HTML5 & CSS3 for the Real World (Theo Todman's Book Collection - Paper Abstracts) </title> <link href="../../TheosStyle.css" rel="stylesheet" type="text/css"><link rel="shortcut icon" href="../../TT_ICO.png" /></head> <BODY> <CENTER> <div id="header"><HR><h1>Theo Todman's Web Page - Paper Abstracts</h1><HR></div><A name="Top"></A> <TABLE class = "Bridge" WIDTH=950> <tr><th><A HREF = "../../PaperSummaries/PaperSummary_18/PaperSummary_18440.htm">HTML5 & CSS3 for the Real World</A></th></tr> <tr><th><A HREF = "../../Authors/G/Author_Goldstein (Alexis).htm">Goldstein (Alexis)</a>, <A HREF = "../../Authors/L/Author_Lazaris (Louis).htm">Lazaris (Louis)</a> & <A HREF = "../../Authors/W/Author_Wehl (Estelle).htm">Wehl (Estelle)</a></th></tr> <tr><th>Source: Goldstein (Alexis), Lazaris (Louis) & Wehl (Estelle) - HTML5 & CSS3 for the Real World</th></tr> <tr><th>Paper - Abstract</th></tr> </TABLE> </CENTER> <P><CENTER><TABLE class = "Bridge" WIDTH=600><tr><td><A HREF = "../../PaperSummaries/PaperSummary_18/PaperSummary_18440.htm">Paper Summary</A></td><td><A HREF = "../../PaperSummaries/PaperSummary_18/PapersToNotes_18440.htm">Notes Citing this Paper</A></td><td><A HREF="#ColourConventions">Text Colour-Conventions</a></td></tr></TABLE></CENTER></P> <hr><P><FONT COLOR = "0000FF"><FONT COLOR = "800080"><U>Preface</U><ol type="1"><li>Welcome to <I>HTML5 & CSS3 for the Real World</I>. We re glad you ve decided to join us on this journey of discovering some of the latest and the greatest in front-end website building technology.</li><li>If you ve picked up a copy of this book, it s likely that you ve dabbled to some degree in HTML and CSS. You might even be a bit of a seasoned pro in certain areas of markup, styling, or scripting, and now want to extend those skills further by dipping into the new features and technologies associated with HTML5 and CSS3.</li><li>Learning a new task can be difficult. You may have limited time to invest in poring over the official documentation and specifications for these web-based languages. You also might be turned off by some of the overly technical books that work well as references but provide little in the way of real-world, practical examples.</li><li>To that end, our goal with this book is to help you learn through hands-on, practical instruction that will assist you to tackle the real-world problems you face in building websites today  with a specific focus on HTML5 and CSS3.</li><li>But this is more than just a step-by-step tutorial. Along the way, we ll provide plenty of theory and technical information to help fill in any gaps in your understanding  the whys and hows of these new technologies  while doing our best not to overwhelm you with the sheer volume of cool new stuff. So let s get started! </li></ol><FONT COLOR = "800080"><U>What s in This Book</U><ol type="1"><li>This book comprises eleven chapters and three appendices. Most chapters follow on from each other, so you ll probably get the most benefit reading them in sequence, but you can certainly skip around if you only need a refresher on a particular topic.</li><li><B>Chapter 1: Introducing HTML5 and CSS3</B><BR>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. </li><li><B>Chapter 2: Markup, HTML5 Style</B> <BR>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! </li><li><B>Chapter 3: More HTML5 Semantics</B> <BR>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. </li><li><B>Chapter 4: HTML5 Forms</B> <BR>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. </li><li><B>Chapter 5: HTML5 Audio and Video</B> <BR>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. </li><li><B>Chapter 6: Introducing CSS3</B> <BR>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. </li><li><B>Chapter 7: CSS3 Gradients and Multiple Backgrounds</B> <BR>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. </li><li><B>Chapter 8: CSS3 Transforms and Transitions</B> <BR>Animation has long been seen as the purview of JavaScript, but CSS3 lets you offload some of the heavy lifting to the browser. Transforms let you rotate, flip, skew, and otherwise throw your elements around. Transitions can add some subtlety to the otherwise jarring all-on or all-off state changes we see on our sites.We wrap up this chapter with a glimpse of the future; while CSS keyframe animations still lack widespread support, we think you ll agree they re pretty sweet. </li><li><B>Chapter 9: Embedded Fonts and Multicolumn Layouts</B> <BR>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. </li><li><B>Chapter 10: Geolocation, Offline Web Apps, and Web Storage</B> <BR>The latest generation of browsers come equipped with a wide selection of new standard JavaScript APIs. Many of these are specifically geared towards mobile browsers, but still carry benefits for desktop users. In this chapter, we ll look at three of the most exciting: Geolocation, Offline Web Apps, and Web Storage. We ll also touch briefly on some of the APIs that we won t be covering in detail  either because they re poorly supported, or have limited use cases  and give you some pointers should you want to investigate further. </li><li><B>Chapter 11: Canvas, SVG, and Drag and Drop</B> <BR>We devote the book s final chapter to, first of all, covering two somewhat competing technologies for drawing and displaying graphics. Canvas is new to HTML5, and provides a pixel surface and a JavaScript API for drawing shapes to it. SVG, on the other hand, has been around for years, but is now achieving very good levels of browser support, so it s an increasingly viable alternative. Finally, we ll cover one more new JavaScript API  Drag and Drop  which provides native handling of drag-and-drop interfaces. </li><li><B>Appendix A: Modernizr</B> <BR>A key tool in any HTML5 superhero s utility belt, Modernizr is a nifty little JavaScript library that detects support for just about every HTML5 and CSS3 feature, allowing you to selectively style your site or apply fallback strategies. We ve included a quick primer on how to use Modernizr in this appendix, even though Modernizr is used throughout the book. This way, you have a ready reference available in one place, while the other chapters focus on the meat of HTML5 and CSS3. </li><li><B>Appendix B: WAI-ARIA</B> <BR>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. </li><li><B>Appendix C: Microdata</B> <BR>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. </li></ol></FONT><FONT COLOR = "0000FF"><HR></P><a name="ColourConventions"></a><p><b>Text Colour Conventions (see <A HREF="../../Notes/Notes_10/Notes_1025.htm">disclaimer</a>)</b></p><OL TYPE="1"><LI><FONT COLOR = "0000FF">Blue</FONT>: Text by me; &copy; Theo Todman, 2018</li><LI><FONT COLOR = "800080">Mauve</FONT>: Text by correspondent(s) or other author(s); &copy; the author(s)</li></OL> <BR><HR><BR><CENTER> <TABLE class = "Bridge" WIDTH=950> <TR><TD WIDTH="30%">&copy; Theo Todman, June 2007 - August 2018.</TD> <TD WIDTH="40%">Please address any comments on this page to <A HREF="mailto:theo@theotodman.com">theo@theotodman.com</A>.</TD> <TD WIDTH="30%">File output: <time datetime="2018-08-02T08:54" pubdate>02/08/2018 08:54:26</time> <br><A HREF="../../Notes/Notes_10/Notes_1010.htm">Website Maintenance Dashboard</A></TD></TR> <TD WIDTH="30%"><A HREF="#Top">Return to Top of this Page</A></TD> <TD WIDTH="40%"><A HREF="../../Notes/Notes_11/Notes_1140.htm">Return to Theo Todman's Philosophy Page</A></TD> <TD WIDTH="30%"><A HREF="../../index.htm">Return to Theo Todman's Home Page</A></TD> </TR></TABLE></CENTER><HR> </BODY> </HTML>