Skip to main content

Home/ Groups/ HTML5 development
Vernon Fowler

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

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

X-UA-Compatible and HTML5 | 456 Berea Street - 0 views

  • Get the meta element out of your markup and and send the header over HTTP instead. On Apache, add this to your root .htaccess file: Header set X-UA-Compatible "IE=edge"
Vernon Fowler

Bruce Lawson's personal site  : The best of s - 0 views

  • Update 10 August 2012: in response to a query, I checked again and pubdate is gone from both the WHATWG and W3C specs.
  • Previously, you could only mark up precise dates. So, 13 November 1905 could be expressed in HTML <time datetime="1905-11-13"> but November 1905 couldn’t be. This is a problem for historians where sometimes the precise date isn’t known.
  • Neither can you indicate date ranges. To mark up From “21/02/2012 to 25/02/2012″, use two separate <time> elements.
  • ...3 more annotations...
  • So <time datetime="P4D"> is a duration of 4 days
  • <time datetime="1905"> means the year 1905
  • <time datetime="1905-11"> means November 1905
Vernon Fowler

Semantics - Dive Into HTML5 - 1 views

  • <html lang="en">
Vernon Fowler

Designing a blog with html5 | HTML5 Doctor - 0 views

  • 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
Alfred Waizenauer

Bootstrap Expo - 0 views

  •  
    Bootstrap Samples
Vernon Fowler

Web Designer Notebook » How to use Modernizr - 0 views

  •  
    "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

  • Use the id attribute instead.
Vernon Fowler

The abbr element | HTML5 Doctor - 0 views

  • To get <abbr> working in IE6 and IE7, you need to create the element with JavaScript:
    • Vernon Fowler
       
      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 main element | HTML5 Doctor - 0 views

  • 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

aFarkas/html5shiv · GitHub - 0 views

  • 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

Email Domain Datalist Helper | CSS-Tricks - 0 views

  •  
    "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

  •  
    "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."
‹ Previous 21 - 40 of 135 Next › Last »
Showing 20 items per page