Skip to main content

Home/ HTML5 development/ Group items tagged html

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
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

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
Vernon Fowler

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

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."
Vernon Fowler

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.
Vernon Fowler

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.
Vernon Fowler

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
Vernon Fowler

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>
Vernon Fowler

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/
Vernon Fowler

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."
Vernon Fowler

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) or tag lines (i.e., more than one consecutive <h1>–<h6>), group them in an <hgroup>.
  • 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.
  • 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.
Vernon Fowler

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