Skip to main content

Home/ HTML5 development/ Group items matching "html" in title, tags, annotations or url

Group items matching
in title, tags, annotations or url

Sort By: Relevance | Date Filter: All | Bookmarks | Topics Simple Middle
1More

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."
2More

html5shiv - html5 IE enabling script - Google Project Hosting - 1 views

code.google.com/html5shiv html5 ie browsers html script javascript browser minify
shared by Vernon Fowler on 25 Mar 13 - No Cached
  • It must be included before the <body> element (i.e. in the <head>)
  • minified
1More

HTML5 differences from HTML4 - 0 views

www.w3.org/html5-diff html html5 markup syntax elements
shared by Vernon Fowler on 08 Apr 13 - No Cached
  • Attributes with an empty value may be written as just the attribute name omitting the equals sign and the value, even if it's not a boolean attribute.
5More

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.
1More

Avoiding common HTML5 mistakes | HTML5 Doctor - 0 views

html5doctor.com/avoiding-common-html5-mistakes HTML5 mistakes
shared by Vernon Fowler on 05 Aug 11 - No Cached
  • Vernon Fowler on 05 Aug 11
     
    "In this post, I'll show you some of the mistakes and poor markup practices I often see and explain how to avoid them."
1More

What's New in HTML 5.2? - 0 views

bitsofco.de/whats-new-in-html-5-2 html forms dialogue headings HTML5 markup web
shared by Vernon Fowler on 02 Jan 19 - No Cached
  • Headings in a <legend> In forms, the <legend> element represents a caption for the form fields within a <fieldset>. Before HTML 5.2, the content of a legend had to be plain text. Now, we can include heading elements.
4More

HTML5 Forms: Search Type Demo | Wufoo - 0 views

www.wufoo.com/...5-search.html HTML5 form input attributes search
shared by Vernon Fowler on 06 Mar 18 - No Cached
  • The results and autosave attributes shown above are not standard. In WebKit and Blink browsers you can add the non-standard results attribute to get a looking glass icon to click to see the latest searches, and autosave to keep them across page loads.
  • When a value is present, a gray x control shows up on the right of the input in IE, Chrome, Safari and Opera (but not Firefox or Chrome on Android) which can be clicked to clear the value.
1More

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

code.google.com/html5shiv html5 IE NED12 webdesign web design css
shared by Vernon Fowler on 18 Nov 12 - No Cached
  • for the sake of performance, it would make better sense to include the CSS first then this script
3More

Extending HTML5 - Microdata | HTML5 Doctor - 0 views

html5doctor.com/microdata webdesign microdata NED12 web design HTML5
shared by Vernon Fowler on 17 Nov 12 - No Cached
  • 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>
1More

HTML 5 Tag - 0 views

www.quackit.com/...html_summary_tag.cfm HTML5 summary tag browser support
shared by Vernon Fowler on 12 Mar 13 - No Cached
  • Vernon Fowler on 12 Mar 13
     
    To see if your browser supports the details and summary tags, check http://html5test.com/
1More

Semantics - HTML5 Rocks - 1 views

www.html5rocks.com/...semantics LIM225 html5 semantic semantic web microdata html markup
shared by Vernon Fowler on 21 Apr 13 - No Cached
  • Vernon Fowler on 21 Apr 13
     
    "Semantics is one of the most distinctive features of the Web Platform versus other application platforms. Developers usually ignore or de-prioritize such feature but the mastery of it can bring many benefits to our projects."
7More

The hgroup element | HTML5 Doctor - 0 views

html5doctor.com/the-hgroup-element headings HTML5 header html document outline hgroup markup semantic semanticweb
shared by Vernon Fowler on 18 Feb 13 - No Cached
  • An article with a title and metadata
  • An article with a title and subtitle
  • An article with a title, subtitle and metadata
  • ...4 more annotations...
  • If you have a title with subtitle(s) and other metadata associated with the section or article, place both the <hgroup> and the metadata within a single <header> element.
  • If you have a title with subtitle(s) or tag lines (i.e., more than one consecutive <h1>–<h6>), group them in an <hgroup>.
  • When grouping headings in an <hgroup> element, the outline algorithm will mask the lowest level all but the highest level heading in the group from the resulting document outline.
  • It can only contain a group of <h1>–<h6> element(s), and it should be used for subtitles, alternative titles, and tag lines.
6More

The section element | HTML5 Doctor - 1 views

html5doctor.com/the-section-element section html5 html element markup outline document structure
shared by Vernon Fowler on 23 Jan 14 - No Cached
  • A general rule is that the section element is appropriate only if the element’s contents would be listed explicitly in the document’s outline.
  • The theme of each section should be identified, typically by including a heading (h1-h6 element) as a child of the section element.
  • Don’t use it just as hook for styling or scripting; that’s a div
  • ...2 more annotations...
  • Don’t use it unless there is naturally a heading at the start of the section
  • As blogposts and comments are often syndicated (by being pulled into other blogs or being linked via twitter, reddit etc) they should be articles.
    • Vernon Fowler
      Vernon Fowler on 13 Jan 15
       
      Use rather than for blog post and for comment content types.
‹ Previous 21 - 40 of 125 Next › Last »
Showing 20▼ items per page