Skip to main content

Home/ HTML5 development/ Group items tagged table

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

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

www.adobe.com/...html5-video.html

html5 css3 javascript video formats browser support

shared by Vernon Fowler on 05 Feb 13 - No Cached
  • 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.
Vernon Fowler

Accessible Table Builder | Accessibility Tools | Accessify - 0 views

www.accessify.com/...table-builder

shared by Vernon Fowler on 25 Aug 21 - No Cached
  • Table summary:
    • Vernon Fowler
      Vernon Fowler on 25 Aug 21
       
      Note: The summary attribute is deprecated in HTML5. https://www.w3.org/WAI/tutorials/tables/caption-summary/
Vernon Fowler

Semantic navigation with the nav element | HTML5 Doctor - 1 views

html5doctor.com/nav-element

semantic navigation nav element html5 html webdesign markup LIM225 breadcrumbs

shared by Vernon Fowler on 02 Jul 12 - No Cached
  • Previous/next buttons (or pagination) I would say yes to this because it is important to the overall structure and hierarchy of the blog/site
  • Search form For me, a definite yes, but it is not mentioned in the spec. A search form is hugely important to the navigation of a site, particularly large sites which rely almost solely on their search engine.
  • Breadcrumbs Again, I would say yes to this as well. Although breadcrumbs are not always necessary and can be used when not applicable, on large sites a breadcrumb trail can be an important navigation aid.
  • ...3 more annotations...
  • <menu> is to be used for a list of commands and is an interactive element and more likely to be used exclusively in Web Applications.
  • The nav element represents a section of a page that links to other pages or to parts within the page: a section with navigation links.
  • Table of Contents I would say definitely yes to that – it is primary navigation for that particularly content
  • Vernon Fowler on 02 Jul 12
     
    Breadcrumbs Again, I would say yes to this as well. Although breadcrumbs are not always necessary and can be used when not applicable, on large sites a breadcrumb trail can be an important navigation aid.
1 - 11 of 11
Showing 20▼ items per page