Skip to main content

Home/ HTML5 development/ Group items tagged modernizr

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 0 views

webdesignernotebook.com/...how-to-use-modernizr

html5 css3 javascript library browser modernizr css webdesign

shared by Vernon Fowler on 15 Mar 14 - No Cached
  • Vernon Fowler on 15 Mar 14
     
    "There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites."
Vernon Fowler

Modernizr - 0 views

www.modernizr.com

javascript web webdesign html browser css webstandards for:@twitter HTML5 CSS3

shared by Vernon Fowler on 04 Feb 12 - Cached
  • Vernon Fowler on 04 Feb 12
     
    Modernizr adds classes to the element which allow you to target specific browser functionality in your stylesheet. You don't actually need to write any Javascript to use it.
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

Initializr - Start an HTML5 Boilerplate project in 15 seconds! - 0 views

www.initializr.com

template generator 404 robots txt favicon htaccess Modernizr minify responsive bootstrap HTML5 jquery mobile javascript html web webdesign

shared by Vernon Fowler on 12 Mar 13 - No Cached
  • Vernon Fowler on 12 Mar 13
     
    "Initializr is here to kick-start the development of your new projects. It generates templates based on HTML5 Boilerplate by allowing you to choose which parts you want or don't want from it. A responsive template has also been added to start from a basic design instead of a blank page."
Vernon Fowler

The abbr element | HTML5 Doctor - 0 views

html5doctor.com/the-abbr-element

html html5

shared by Vernon Fowler on 10 Feb 14 - No Cached
  • To get <abbr> working in IE6 and IE7, you need to create the element with JavaScript:
    • Vernon Fowler
      Vernon Fowler on 10 Feb 14
       
      Check you HTML5shim or Modernizr script - either probably already caters for this element.
  • If you’re ever tempted to use an <acronym>, just use <abbr> instead!
1 - 5 of 5
Showing 20▼ items per page