Skip to main content

Home/ HTML5 development/ Contents contributed and discussions participated by Vernon Fowler

Contents contributed and discussions participated by Vernon Fowler

Simple Middle Filter: All | Bookmarks | Topics
Vernon Fowler

Designing a blog with html5 | HTML5 Doctor - 0 views

html5doctor.com/designing-a-blog-with-html5

html5 markup semantic DIG252 blog

shared by Vernon Fowler on 22 Jun 14 - No Cached
  • use the header, footer, main and nav elements to mark up the broad structure of the page. Doing this will make your site more accessible to real people who use some assistive technologies
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

HTML a name Attribute - 0 views

www.w3schools.com/...att_a_name.asp

html name attribute html5 markup

shared by Vernon Fowler on 11 Feb 14 - Cached
  • Use the id attribute instead.
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!
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.
Vernon Fowler

aFarkas/html5shiv · GitHub - 0 views

github.com/html5shiv

html5 shiv ie browser javascript

shared by Vernon Fowler on 19 Jan 14 - No Cached
  • Include the HTML5 shiv in the <head> of your page in a conditional comment and after any stylesheets. <!--[if lt IE 9]> <script src="components/html5shiv/html5shiv.js"></script> <![endif]--> Manual installation Download and extract the latest zip package from this repositiory and copy the two files dist/html5shiv.js and dist/html5shiv-printshiv.js into your project. Then include one of them into your <head> as above.
Vernon Fowler

The main element | HTML5 Doctor - 0 views

html5doctor.com/the-main-element

html html5 main

shared by Vernon Fowler on 19 Jan 14 - No Cached
  • One important facet of <main> is that it can only be used once per page.
  • Another stipulation of <main> is that it can’t be used as a descendant of an <article>, <aside>, <footer>, <header>, or <nav> element.
  • Of course, if you use the html5shiv, <main> is now baked in directly.
Vernon Fowler

Email Domain Datalist Helper | CSS-Tricks - 0 views

css-tricks.com/email-domain-datalist-helper

datalist input forms HTML5 javascript email

shared by Vernon Fowler on 13 Jan 14 - No Cached
  • Vernon Fowler on 13 Jan 14
     
    "What if someone signs up for your web app and they type in their email address as susan_smith@gmaoil.com? They don't notice, they never get their confirmation email, they never can log in again, the "forgot password" feature doesn't work, and there is a lot of frustration and finger pointing."
Vernon Fowler

Relevant Dropdowns: Polyfill for Datalist | CSS-Tricks - 0 views

css-tricks.com/ropdowns-polyfill-for-datalist

HTML5 forms input datalist

shared by Vernon Fowler on 13 Jan 14 - No Cached
  • Vernon Fowler on 13 Jan 14
     
    "The list attribute / datalist element of HTML5 forms is pretty cool. As you type in a text input, it shows you a dropdown menu of choices you can pick from. Or you can type in whatever you want. The list attribute alone doesn't lock you into any specific value. In that way, it's a bit like a group of radio buttons with an "other" type-in option."
Vernon Fowler

15 HTML5 tutorials which will make you a wow designer - 0 views

www.ahrefmagazine.com/...h-will-make-you-a-wow-designer

HTML5 WebDesigner html tutorials reference mobile browser forms section semantic markup

shared by Vernon Fowler on 11 May 13 - No Cached
  • Vernon Fowler on 11 May 13
     
    #HTML5 Tutorials That Every #WebDesigner Should See http://t.co/k1Xh4VEO @ahrefmag
Vernon Fowler

How to mark up subheadings, subtitles, alternative titles and taglines | HTML5 Doctor - 0 views

html5doctor.com/howto-subheadings

subtitles titles alternative html html5 markup

shared by Vernon Fowler on 05 May 13 - No Cached
  • Vernon Fowler on 05 May 13
     
    If you don't already know, the hgroup element is obsolete in HTML5. Advice is now provided in the HTML spec on how to mark up subheadings, subtitles, alternative titles and taglines using existing and implemented HTML features.
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

Meaningles: Uncovering the Semantics of the Real Web - 0 views

meaningless-stats.appspot.com/about

LIM225 semantics web semanticweb semantic web semantic schema microformats markup html

shared by Vernon Fowler on 21 Apr 13 - No Cached
  • side-contracts have become a common way
  • to produce and consume information about types of content for which HTML doesn't yet include nouns. The most prominent of these are WAI-ARIA, Microformats, and Schema.org.
  • Web crawlers understand some of these side-contracts,
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.
‹ Previous 21 - 40 of 88 Next › Last »
Showing 20▼ items per page