Skip to main content

Home/ Groups/ HTML5 development
Vernon Fowler

Data-Vocabulary.org - 0 views

  • The schema.org vocabulary can be used with both Microdata or RDFa 1.1 Lite syntax, and it has types for Event, Organization, Person, Product, Review, AggregateRating, Offer and hundreds of others.
  •  
    The schema.org vocabulary can be used with both Microdata or RDFa 1.1 Lite syntax, and it has types for Event, Organization, Person, Product, Review, AggregateRating, Offer and hundreds of others.
Vernon Fowler

Extending HTML5 - Microdata | HTML5 Doctor - 0 views

  • One element can also have multiple properties (multiple itemprop="" names separated by spaces) with the same value: <p itemscope><span itemprop="guitar vocals">Chris Askew</span>  is so dreamy.</p>
  • One element can also have multiple properties (multiple itemprop="" names separated by spaces) with the same value: <p itemscope><span itemprop="guitar vocals">Chris Askew</span>  is so dreamy.</p>
  • One element can also have multiple properties (multiple itemprop="" names separated by spaces) with the same value: <p itemscope><span itemprop="guitar vocals">Chris Askew</span>  is so dreamy.</p>
Vernon Fowler

html5shiv - HTML5 IE enabling script - Google Project Hosting - 0 views

  • for the sake of performance, it would make better sense to include the CSS first then this script
Vernon Fowler

HTML5 sectioning elements, headings, and document outlines | 456 Berea Street - 0 views

  • To prevent the footer’s heading from becoming the page heading we can wrap the footer element’s contents in a section element:
  • This really feels like a hack, but it does move the footer heading to its expected position in the document outline.
  • Since there is no heading in the nav element, it becomes “Untitled NAV”.
Vernon Fowler

HTML5 accessibility - 0 views

  •  
    This site is a resource to provide information about which HTML5 user interface features are accessibility supported in browsers, making them usable by people who rely upon assistive technology (AT) to use the web.
Vernon Fowler

Document Outlines | HTML5 Doctor - 0 views

  • The sectioning elements act quite literally as their name suggests: they define sections of the parent element. These sections can be thought of as child nodes whose headings fall under their parent heading, regardless of their rank.
  • Sections may contain headings of any rank, but authors are strongly encouraged to either use only h1 elements, or to use elements of the appropriate rank for the section’s nesting level.
  • For accessibility reasons, we recommend each sectioning element have a heading, even <aside> and <nav>, as shown below. If you don’t want these headings to be visible, you can always hide them with CSS.
  • ...2 more annotations...
  • It’s best if you use logical heading levels — <h1>–<h6> — at least until the new outlines are more widely supported.
  • Unfortunately, there is little support for the new outlining algorithms right now. Search engines may be experimenting with it in their crawling algorithms as you read this, but as far as we know, headings are treated just as they were before. You won’t be penalised for using them, even if you use multiple <h1>s (which have always been okay as far as the spec is concerned). Check out our HTML5 and Search Engine Optimisation article for more on search engines and HTML5.
Vernon Fowler

HTML5 and Search Engine Optimisation (SEO) | HTML5 Doctor - 0 views

  • The Doctors’ advice on SEO is to follow Google’s time-honoured guidelines: write valid, cross-browser, accessible HTML, don’t misuse markup or “cloak” with CSS, make a site with a clear hierarchy and text links, and write good content:
Vernon Fowler

Working with HTML5 video in web projects | Adobe Inspire Magazine - 0 views

  • The solution for now is to produce your videos in multiple formats. Table 1. Browser support by video format Browser MP4 WebM Ogg Internet Explorer 9 Yes No No Firefox 4.0 No Yes Yes Google Chrome 6 Yes Yes Yes Apple Safari 5 Yes No No Opera 10.6 No Yes Yes Note: For the latest compatibility information, always check the CanIUse website.
  • A more robust way to create the fallback is to use a JavaScript utility like Modernizr to evaluate the browser's capabilities and then dynamically write the video and source tags or embed the Flash video player using SWFObject.
  • Tip 3: The source tag should always include the "type" attribute with the correct MIME type value. You may need to add an .htaccess file to your server to define the MIME types as well. Check out the Video for everybody article for more tips on MIME types.
  • ...2 more annotations...
  • Tip 2: The video tag includes a range of parameters that you can use to configure the video. See the Mozilla article Using HTML5 audio and video for more information.
  • Tip 1: The Adobe Media Encoder does not currently export video to Ogg or WebM format. You can use the Firefogg add-on for Firefox to encode video to Ogg Theora format, or you can use Miro Video Converter to encode video to WebM or Ogg Theora format.
« First ‹ Previous 101 - 120 Next ›
Showing 20 items per page