[...]... Chapter 6, “Creating Boxes and Columns with CSS3.” Intelligent Form Inputs Form input fields enable your users to submit data back to your website Because some fields must accept only specific formats — such as numbers and dashes for telephone numbers — in HTML 4.01 and earlier, you had to sanitize data inputs in JavaScript or with web server code In HTML5, you can now instruct the web browser to restrict... drag -and- drop interface, you can allow your users to use their mouse or touchscreen to visually interact with your website in creative new ways Ultimately, by combining drag -and- drop events, audio, video, and the Canvas API, you have everything you need to create HTML5 web applications and games! A drag -and- drop example is outlined in Chapter 12, “Using Drag and Drop in HTML5.” Storage Databases For. .. terms of support For multimedia, it cannot decode MPEG-4 or H.284 formats, but it can handle Ogg Theora and WebM videos It also lacks AAC and MP3 audio decoding support, but it does handle PCM and Ogg Vorbis correctly Furthermore, Firefox does not yet understand some new tags such as , , , and , all of which it ignores In forms, Firefox 5 does not yet handle new inputs,... earlier, JavaScript, and CSS If you are a developer who has previously created websites with images, hyperlinks, and tables and want to move on to the next level, this book is for you There has been a lot of talk about HTML5 in the technology press: New web browsers, web applications, and mobile devices have already started producing new and creative sites, applications, animations, videos, and interfaces... a rich set of tools and features in HTML5, it does not mean that you need to use everything everywhere Furthermore, not every HTML5 web browser supports every HTML5 specification Unless you specifically mandate that your website is HTML5 only, you should think about users who have not yet upgraded their web browsers Will implementing a new HTML5 feature ensure accessibility to your website for all web. .. level of HTML5 support available Many desktop web browser vendors have produced mobile versions of their platforms, featuring the same HTML5 layout engine WebKit powers Google Android and Apple Safari (for the iPhone, iPad, and iPod touch) browsers, Presto for Opera Mobile, Nintendo Wii, and Nintendo DSi, and Gecko for Firefox Mobile Of note is Trident for Windows Phone 7 This layout engine is not... debugger built right into the Google Chrome web browser It enables you to examine and manipulate HTML, CSS, and JavaScript code in real time, and you can even audit your website for network and resource activity This is an incredibly useful tool for anyone who wants to master HTML5 The Chrome Inspector is delineated in Chapter 9, “Inspecting and Debugging Your Website.” Canvas Graphics The Canvas API... entirely Your job as a web developer is to minimize these potential risks by coding your HTML5 website with appropriate fallbacks for non-HTML5 web browsers whenever possible 9 Understanding A the History of Markup Languages s mentioned earlier, the World Wide Web Consortium is the standards body charged with maintaining and developing markup languages, prior to HTML5, on the Internet SGML The Standard... does understand Ogg Theora and WebM encoded videos; however, MPEG-4 and H.264 are to be removed due to patent restrictions It does not yet understand some new tags such as , , and , all of which it silently ignores In forms, Chrome is behind in adopting some intelligent form inputs, such as the color, date, datetime, datetimelocal, month, week, and time input types; for these, it... User Interface Tags and Attributes.” New CSS3 Visual Enhancements CSS enables you to customize any HTML element’s dimension, color, font, text, image, alignment, and layout For CSS3, there are easier ways to locate and isolate individual tags to apply these custom styles in your website You can even create interesting 2D and 3D transformations, transitions, and animations The new CSS3 visual enhancements . 317-572-4002. For technical support, please visit www .wiley. com/techsupport. HTML5: Your visual blueprint for designing rich web pages and applications Published. HTML5 Your visual blueprint for designing rich web pages and applications Adam McDaniel LIMIT OF LIABILITY/DISCLAIMER OF WARRANTY: THE PUBLISHER AND THE