Skip to main content

Home/ HTML5 development/ Group items matching "blog" 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

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

How You Can Use HTML5 Custom Data Attributes and Why - SitePoint - 0 views

www.sitepoint.com/e-html5-custom-data-attributes html custom data css HTML5 Javascript
shared by Vernon Fowler on 24 Mar 17 - No Cached
  • Besides the data- prefix, the name of a valid custom data attribute must contain only letters, numbers, hyphen (-), dot (.), colon (:) or underscore (_). It cannot contain capital letters.
  • I recommend you use this method for quick prototypes rather than a production website, not least because CSS-only tooltips are not fully accessible.
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

How do you figure? | scottohara.me - 0 views

www.scottohara.me/...how-do-you-figure.html HTML5 markup accessibility screenreaders
shared by Vernon Fowler on 30 Jan 19 - No Cached
  • Vernon Fowler on 30 Jan 19
     
    A figure can be used with or without a figcaption. However, without a caption, or an alternate means of providing an accessible name (e.g. aria-label) a figure may not provide much value in conveying its semantics alone. In some cases, it may not convey any semantics at all if its given no accessible name.
1 - 8 of 8
Showing 20▼ items per page