[Brian_P._Hogan]_HTML5_and_CSS3_Develop_with_Tomo(BookSee.org)

BEHAVIOR CROSS-DOMAIN MESSAGINGbehavior, separating from content, 40 loading notes, 186benefits of HTML5 and CSS3, 14-17 manipulating records, 188bindO method, 225, 245 notes interface, 182block element, 25, 25n working offline, 193blogs, redefining using semantic client-side relational databases, markup, 27-37 connecting to, 185box-shadow property, 157 client-side storage, 15, 238browser-specific selectors, 148 ClientLocationO method, 217browsers codecs, see containers and codecs color managing history with APIs, 197 overview, 22 adding to canvas, 117 resources, 250 input type, 52 selectors support, 96 Color Picker, 53 see also specific browsers columns aligning text, 77c specifying widths, 91 splitting, 87cache compatibility (backward), 17 Apache, 194 conditional comment, 38 defining with manifests, 193 containers and codecs Advanced Audio Coding (AAC), 131canPlayTypeO method, 136 audio codecs, 131canvas element H.264, 130 MP3s, 132 graphing statistics with RGraph, Theora, 130 119-126 video codecs, 129 Vorbis (OGG), 132canvas tag, 111 VP8, 131 drawing logos, 112-118 working together, 132 contentchaining methods, 244 displaying, 122challenges of HTML5 and CSS3, 17-22 generating with CSS, 83Chrome separating from behavior, 40 contenteditable attribute Frame plug-in, 191 creating edit pages, 68Chrome (Google) falling back, 68 overview, 65 browser history, 199 persisting data, 67 gradients in, 156 profile form, 65 localStorage, 178 cookies media queries, 96 offline support, 193 JavaScript and, 178 selectors, 148 overview, 172 Slider widget, 49 corners, see rounding cornersClark, Keith, 81 Create, Retrieve, Update, and Deleteclient-side data client-side relational database, (CRUD), 181, 181n Cross-document Messaging, 15 181-192 localStorage, 175-180 overview, 200 overview, 172 cross-domain messagingclient-side form validation, 230client-side relational database falling back, 205 activating New button, 190 posting messages, 202 creating notes tables, 185 CRUD, 181 falling back, 191 finding records, 187

C R U D (CREATE FILES receiving messages, 205 edges, see rounding corners support site, 202 effects (visual), 17 web servers, 201 elementsCRUD (Create, Retrieve, Update, and block, 25, 25n Delete), 181, 18 In creating, 244CSS dropping, 226 quick reference of features, 232 content generation with, 83 rotating, 158, 160 jQuery versus, 123 see also tagscssO method, 243 Email input type, 51CSS3 embed tag, 128 benefits of, 14-17 Embedded Open1>pe (EOT), 166 challenges of, 17-22 embedding features, 72 audio, 133-136 future of, 22 containers and codecs, 129-132 quick reference of features, 235 history of, 128 resources, 249 overview, 127 transitions, 219 video, 137-143custom data attributes, 26, 233 encoding audio and video, 247 EOT (Embedded Openiype), 166B executeSqIO method, 186 ExplorerCanvas library, 118, 126data attributes, 40-43 E describing with HTML, 120 persisting, 67 falling back see also client-side data accessibility, 123 ARIA roles, 103databases, 185 audio, 134 see also client-side relational browser history, 199 database canvas, 118 client-side relational database, 191dates, 50 ContentEditable attribute, 68deprecated tags, 20 cross-domain messaging, 205detecting rounded corners support, 149 CSS3 columns, 91DirectX filters (Microsoft), 160 custom data attributes, 43Divitis, 24 fonts, 169doc type Geolocation, 216 Internet Explorer, 160 declaration, 17 localStorage, 178 HTML5, 27-29 media queries, 96document structure roles, 101 placeholder attribute, 60document, ready function, 246 printable links and, 84Don't Repeat Yourself (DRY), 68, 68n rounding corners, 149Drag and Drop implementation selectors, 80 semantic markup, 38 (Microsoft), 223 updatable regions, 108drag-and-drop events, 225 video, 138draggable HTML5 attribute, 225 Web Sockets, 211dragging files, 227dropping elements, 226 FFMpeg, 248DRY (Don't Repeat Yourself), 68, 68n filesEease-in curve, 220ease-in-out curve, 221

FILTERS (DIRECTX) INTERFACES dragging, 227 Ajax API, 217 manifest, 193 Chrome Frame plug-in, 191 MP3, 132, 247 Static Map API, 214filters (DirectX), 160 VP8, 131Firefox (Mozilla) see also Chrome (Google) browser history, 199 Gradient filter (Internet Explorer), 161 gradients in, 156 gradients, 156 localStorage, 178 media queries, 96 H -moz-linear-gradient method, 156 offline support, 193 H.264, 130 selectors, 148 handheld media type, 95 support for rounding corners, 146 header tag, 25, 29Flash (Adobe) hideO method, 242 availability of, 128 hiding updatable regions, 107 compared with canvas, 126 history of embedding, 128 cross-browser compatibility, 129 HTML Web Sockets with, 211Flash Policy file, 250 changing code, 81Flash Socket Policy, 212 describing data with, 120Flowplayer video player, 138 turning into bar graph, 121font stacks, 169, 250 htmlO method, 242@font-face directive, 165 HTML5fonts benefits of, 14-17 changing, 168 challenges of, 17-22 converting, 167 creating pages, 104 falling back, 169 doctype, 27 @font-face directive, 165 future of, 22 formats, 167 offline support, 193 overview, 165 HTML5 markup, see semantic markup resources, 250 HTMLShiv, 39 rights and, 166 Hydrogen Audio, 247FontSquirrel font, 168, 249footer tag, 25, 30 Iform field attributes, 234formats ID attribute, 29 font, 167 Indexed Database API, 229 video, 129 input fieldsformCorners plug-in, 150forms, see web forms color, 52frame support, 20 creating sliders, 49functions, timing, 220 dates, 50future of HTML5 and CSS3, 22 Email, 51 falling back, 53G Modernizr, 54 overview, 48Geolocation, 214, 216 replacing Color Picker, 53get-Context method, 112 setting up forms, 48getScriptO method, 205, 217 spinboxes, 50Google URL, 51 insertNoteO method, 189 adoption of HTML5 and CSS3 by, 22 interaction invitations, 219 interfaces

INTERNET EXPLORER OFFLINE SUPPORT notes, 182 applying settings, 177 overview, 16 building preferences forms, 175 see also user interfaces falling back, 178Internet Explorer overview, 173, 175 browser history, 199 logos, drawing, 112-118 Embedded Openiype, 167 longdesc attribute, 21 falling back, 160 Gradient filter, 161 M localStorage, 178 overview, 19 Macromedia, 128 rounding corners, 146, 152 manifest file, 193 semantic markup and, 38 markup, see semantic markup style sheets, 159, 162 Media Content JavaScript API, 141Invoking rounding, 151 media queriesJ building mobile Interfaces with, 94 in Chrome, 96JavaScript messages, see cross-domain messaging cookies and, 178 meter tag, 25, 37 custom data attributes and, 43 methods, see specific methods defining elements with, 38 Microsoft launching files as workers, 221 DirectX filters, 160 styling tables with, 81 Drag and Drop Implementation, 223 unobtrusive, 245 Web Open Font Format, 167 Mlro Video Converter, 248jQueiy mobile interfaces, 94 Address plug-In, 199 Mobile Safari browser, 128 basics, 81 Modernlzr library, 54 bindO method, 225 Mozllla Corners plug-In, 150 adoption of CSS3 and HTML5 by, 22 CSS versus, 123 Web Open Font Format, 167 Postback plug-In, 205 see also Firefox (Mozilla) replacing color picker using, 53 -moz-linear-gradient method, 156 selector, 42 MP3 files, 132, 247 MP4 container, 132jQuery Columnlzer plug-In, 91 multimediajQuery library overview, 15 quick reference of features, 235 basics, 81, 241 creating elements, 244 N document ready, 245 events, 244 nav tag, 25, 30 loading, 240 notes methods to modify content, 241jQueryO method, 244 Interface, 182 loading, 186L tables, 185 :nth-child selector, 77landmark roles, 99, 103 :nth-last-child selector, 79:last-child selector, 78 :nth-of-type selector, 76layouts (multlcolumn), 87-91Learning WebGL, 229 Qlines, drawing on canvas, 115loadNoteO method, 187 offline support, 193localStorage

O G G (VORBIS) SEMANTIC MARKUPOGG (Vorbis), 132 rgba function, 159OGG container, 132 RGraph, 119-126onclick method, 40 rights, fonts and, 166oncloseO method, 210 roles, see ARIA rolesonmessageO method, 205, 210 rotating elements, 158, 160onopenO method, 210 rounding cornersOpeniype, 166Opera browser-specific selectors, 148 detecting support, 149 calendar picker, 50 falling back, 149 color controls, 52 formCorners plug-in, 150 media queries, 96 Internet Explorer, 152 Slider widget, 49 invoking rounding, 151 splnbox control, 50 jQuery Corners plug-in, 150 Web Open Font Format, 167 overview, 146origin, moving, 116 Ruby on Rails framework, 43, 249 Ruby-based servers, 201E splaceholder attribute, 58plug-Ins Safari (Apple) browser history, 199 formCorners, 150 date field, 51 Google Chrome Frame, 191 gradients in, 156 jQuery Address, 199 localStorage, 178 jQuery Columnlzer, 91 media queries, 96 jQuery Corners, 150 offline support, 193 jQuery Postback, 205 selectors, 148polite method, 106 support for rounding corners, 146pop-up windows, 40-43postMessageO method, 202, 205, 222 saveO method, 116preferences, saving with localStorage, screen readers, 97 section tag, 25, 31 175-180 selectorsprependO method, 243print type, 84 browser support, 96profile attribute, 21 browser-specific, 148progress tag, 25, 37 defined, 72pseudoclasses, 74—82 jQuery, 42pushstateO method, 198 :last-child, 78 :nth-child, 77E :nth-last-child, 79 :nth-of-type, 76records overview, 16 finding, 187 self-closing tags, 18 manipulating, 188 semantic markup article tag, 25, 31regions (updatable) aside tag, 25, 33 atomic updating, 107 doctype, 27-29 creating HTML5 pages, 104 falling back, 38 falling back, 108 footer tag, 25, 30 hiding, 107 header tag, 25, 29 overview, 104 meter tag, 25, 37 polite and assertive updating, 106 nav tag, 25, 30removeClassO method, 2 4 3resources (Web), 250

SERVER-SIDE STORAGE WEB FORMS overview, 30 timing functions, 220 progress tag, 25, 37 transitions (CSS3), 219 redefining blogs using, 27-37 transition-timing-function property, 220 section tag, 25, 31 transparency values, 162 sidebars, 33 transparent backgrounds, 159 styling, 35 TrueType, 166server-side storage, 178servers, see web servers IIsessionStorage, 173, 180settings unobtrusive JavaScript, 245 applying, 177 updateNoteO method, 189 saving and loading, 176 URL input type, 51shadows user interfaces adding, 157 text, 158 with CSS3, 72-96Sharp, Remy, 39 fonts, 165-170showO method, 242 overview, 144showLocationO method, 215, 217 rounding rough edges, 146-153sidebars, 33 shadows, gradients, andsliders, 49spinboxes, 50 transformations, 153-164Static Map API (Google), 214 structural tags and attributes, 24-43statistics web forms, 45-70 graphing with RGraph, 119-126storage Y client-side, 15, 238 server-side, 178 va 10 method, 242style sheets video applying to pages, 155 Internet Explorer, 159, 162 accessibility of, 142styles codecs, 129 applying to elements, 35 embedding, 137-143 changing, 227 encoding, 248submarine patents, 130 falling back, 138support formats, 129 detecting for rounded corners, 149 limitations of HTML5, 140 offline, 193 resources, 250 see also audioT Video For Everybody, 138 video tag, 137tables, styling with pseudoclasses, Vorbis (OGG), 132 74-82 Vorbis audio, 247 VP8, 131tags deprecated, 20 w. self-closing, 18 see also specific tags W3C Validator service, 21 web development, 14—17text web forms adding to canvas, 115 aligning in columns, 77 autofocus attribute, 56 shadows on, 158 client-side validation, 230 contenteditable attribute, 65-70Theora, 130 describing data with new input fields, 48-54 overview, 16, 45

WEB OPEN FONT FORMAT ZENCODER placeholder attribute, 58-63 web-sockets-js library, 211 quick reference of features, 233 WebGL, 229 setting up basic, 48 WebKit-based browsers, 157Web Open Font Format, 167 WebM container, 132web resources, 250 WIA-ARIA (Accessibility for Richweb servers cross-domain messaging, 201 Internet Applications), 97, 99 talking to, 209 window. localStorageO object, 176 Web Sockets, 213 window.onpopstateO method, 198Web Sockets windows (pop-up), 4 0 - 4 3 chat interface, 207 wrapO method, 243 falling back, 211 overview, 15, 207 X servers, 209, 213, 249Web SQL Databases, 173 XHTML syntax, 18Web SQL Storage, 229Web Workers, 221 z zebra striping, 76 Zencoder, 248

The Pragmatic BookshelfAvailable in paperback and DRM-free eBooks, our titles are here to help you stay on top ofyour game. The following are in print as of December 2010: be sure to check our website atpragprog.com for newer titles.Title Year ISBN PagesAdvanced Rails Recipes: 84 New Ways to Build 2008 9780978739225 464Stunning Rails Apps 2009 9781934356432 248Agile Coaching 2006 9780977616640 200 2009 9781934356166 792Agile Retrospectives: Making Good Teams Great 2010 9781934356517 300Agile Web Development with Rails 2005 9780976694021 192Beginning Mac Programming: Develop with 2006 9780976694076 304Objective-C and Cocoa 2010 9781934356302 450Behind Closed Doors: Secrets of Great 2008 9781934356104 200Management 2009 9781934356326 256Best of Ruby Quiz 2005 9780974514079 208Cocoa Programming: A Quick-Start Guide forDevelopers 2009 9781934356289 232Core Animation for Mac OS X and the iPhone: 2007 9781934356029 336Creating Compelling Dynamic User Interfaces 2008 9781934356067 368Core Data: Apple's API for Persisting Data onMac OS X 2009 9781934356449 375 2010 9781934356609 200Data Crunching: Solve Everyday Problemsusing Java. Python, and More 2006 9780976694069 360 2008 9781934356234 416Debug It! Find. Repair and Prevent Bugs in Your 2007 9780977616619 320Code 2010 9781934356524 250Design Accessible Web Sites: 36 Keys to 2006 9780976694090 160Creating Content for All Audiences andPlatforms 2008 9781934356074 240 Continued on next pageDesktop GIS: Mapping the Planet with OpenSource ToolsDomain-Driven Design Using Naked ObjectsDriving Technical Change: Why People on YourTeam Don't Act on Good Ideas, and How toConvince Them They ShouldEnterprise Integration with RubyEnterprise Recipes with Ruby and RailsEveryday Scripting with Ruby: for Teams.Testers, and YouExpressionEngine 2: A Quick-Start GuideFrom Java To Ruby: Things Every ManagerShould KnowFXRuby: Create Lean and Mean GUIs with Ruby

Title Year ISBN Pages 2007 9780974514093 275GIS for Web Developers: Adding Where to YourWeb Applications 2006 PDF-Only 83Google Maps API: Adding Where to Your 2009 9781934356463 200Applications 2008 9780978739294 264 2010 9781934356562 320Grails: A Quick-Start Guide 2006 9780976694052 240Groovy Recipes: Greasing the Wheels of Java 2010 9781934356579 248Hello, Android: Introducing Google's Mobile 2009 9781934356258 576Development Platform 2009 9781934356265 280 2009 9781934356456 350Interface Oriented Design 2009 9781934356364 240iPad Programming: A Quick-Start Guide for 2007 9780978739249 360iPhone Developers 2009 9781934356296 200iPhone SDK Development 2008 9781934356111 568Land the Tech Job You Love 2010 9781934356470 240Language Implementation Patterns: Create YourOwn Domain-Specific and General Programming 2009 9781934356401 260Languages 2006 9780977616664 240Learn to Program 2007 9780978739287 320 2009 9781934356500 144Manage It! Your Guide to Modern PragmaticProject Management 2009 9781934356272 350Manage Your Project Portfolio: Increase Your 2006 9780974514086 208Capacity and Finish More Projects 2010 9781934356722 168 2010 9781934356678 150Mastering Dojo: JavaScript and Ajax Tools for 2010 9781934356616 150Great Web Experiences 2004 9780974514031 176Metaprogramming Ruby: Program Like the Ruby 2008 9781934356050 288Pros 2007 9780977616671 176Modular Java: Creating Flexible Applications 160with OSGi and Spring 2003 9780974514017 Continued on next pageNo Fluff Just Stuff 2006 AnthologyNo Fluff Just Stuff 2007 AnthologyPomodoro Technique Illustrated: The Easy Wayto Do More in Less TimePractical Programming: An Introduction toComputer Science Using PythonPractices of an Agile DeveloperPragmatic Guide to GitPragmatic Guide to JavaScriptPragmatic Guide to SubversionPragmatic Project Automation: How to Build,Deploy, and Monitor Java ApplicationsPragmatic Thinking and Learning: Refactor YourWetwarePragmatic Unit Testing in C# with NUnitPragmatic Unit Testing in Java with JUnit

Title Year ISBN Pages 2003 9780974514000 176Pragmatic Version Control using CVS 2008 9781934356159 200 2006 9780977616657 248Pragmatic Version Control Using Git 2009 9781934356333 304 2009 9781934356197 300Pragmatic Version Control using Subversion 2007 9781934356005 536Programming Clojure 2008 9781934356098 320Programming Cocoa with Ruby: CreateCompelling Mac Apps Using RubyCocoa 2004 9780974514055 864Programming Erlang: Software for a Concurrent 2009 9781934356081 944World 2009 9781934356319 250Programming Groovy: Dynamic Productivity forthe Java Developer 2007 9781934356012 448Programming Ruby: The Pragmatic 2008 9781934356203 300Programmers' Guide 2007 9780977616695 336 2008 9781934356043 432Programming Ruby 1.9: The Pragmatic 2006 9780977616602 350Programmers' Guide 2005 PDF-Only 2007 9780978739218 83Programming S cala: Tackle Multi-Core 368Complexity on the Java Virtual Machine 2008 9781934356180 2010 9781934356593 192Prototype and script.aculo.us: You Never Knew 300JavaScript Could Do This! 2005 9780974514048 224Rails for .NET Developers 2010 9781934356555 352Rails for Java Developers 2008 9781934356210 375Rails for PHP Developers 2010 9781934356531 2007 9780978739232 296Rails Recipes 2010 9781934356586 208 280Rapid GUI Development with QtRuby 2007 9780978739256 384Release It! Design and Deploy Production-Ready 2009 9781934356340Software Continued on next page 200Scripted GUI Testing with RubySeven Languages in Seven Weeks: A PragmaticGuide to Learning Programming LanguagesShip It! A Practical Guide to Successful SoftwareProjectsSQL Antipatterns: Avoiding the Pitfalls ofDatabase ProgrammingStripes ...and Java Web Development Is FunAgainTest-Drive ASP NET MVCTextMate: Power Editing for the MacThe Agile Samurai: How Agile Masters DeliverGreat SoftwareThe Definitive ANTLR Reference: BuildingDomain-Specific LanguagesThe Passionate Programmer: Creating aRemarkable Career in Software Development

Title Year ISBN Pages 2010 9781934356371 448The RSpec Book: Behaviour-Driven Developmentwith RSpec, Cucumber, and Friends 2008 9781934356142 240 2008 9781934356227 400ThoughtWorks Anthology 2009 9781934356135 300Ubuntu Kung Fa: Tips, Tricks, Hints, and HacksWeb Design for Developers: A Programmer'sGuide to Design Tools and Techniques