Skip to main content

Home/ Groups/ HTML5 development
Rss Feed
Sort By: Most Recent | Popular Filter: All | Bookmarks | Topics Simple Middle
7More

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

html5doctor.com/nav-element semantic navigation nav element html5 html webdesign markup LIM225 breadcrumbs
shared by Vernon Fowler on 02 Jul 12 - No Cached
  • 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
  • Vernon Fowler on 02 Jul 12
     
    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.
1More

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

www.456bereastreet.com/...x-ua-compatible_and_html5 html5 ie browser apache http meta
shared by Vernon Fowler on 25 Jul 14 - No Cached
  • 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"
6More

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

www.brucelawson.co.uk/...best-of-time time html5 webdesign NED12 markup
shared by Vernon Fowler on 21 Aug 12 - No Cached
  • 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
1More

Semantics - Dive Into HTML5 - 1 views

diveintohtml5.info/semantics.html DIG252 html5 semantic
shared by Vernon Fowler on 03 Jul 14 - No Cached
  • <html lang="en">
1More

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

Bootstrap Expo - 0 views

expo.getbootstrap.com web html5 framework
shared by Alfred Waizenauer on 09 Apr 14 - No Cached
  • Alfred Waizenauer on 09 Apr 14
     
    Bootstrap Samples
1More

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

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

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!
3More

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

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

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

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