Skip to main content

Home/ HTML5 development/ Group items tagged alternative

Rss Feed Group items tagged

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

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.
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) and other metadata associated with the section or article, place both the <hgroup> and the metadata within a single <header> element.
  • If you have a title with subtitle(s) or tag lines (i.e., more than one consecutive <h1>–<h6>), group them in an <hgroup>.
  • 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

Code Guide by @mdo - 0 views

codeguide.co

html css code guide HTML5

shared by Vernon Fowler on 04 Sep 20 - No Cached
  • Compared to <link>s, @import is slower, adds extra page requests, and can cause other unforeseen problems. Avoid them and instead opt for an alternate approach
  • Compile your CSS with a preprocessor like Sass or Less into a single file
  • Place media queries as close to their relevant rule sets whenever possible.
  • ...3 more annotations...
  • Limit shorthand declaration usage to instances where you must explicitly set all available values.
  • Avoid unnecessary nesting. Just because you can nest, doesn't mean you always should. Consider nesting only if you must scope styles to a parent and if there are multiple elements to be nested.
  • For a complete list of properties and their order, please see
1 - 5 of 5
Showing 20▼ items per page