Skip to main content

Home/ HTML5 development/ Group items tagged tool

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

Accessible Table Builder | Accessibility Tools | Accessify - 0 views

www.accessify.com/...table-builder

shared by Vernon Fowler on 25 Aug 21 - No Cached
  • Table summary:
    • Vernon Fowler
      Vernon Fowler on 25 Aug 21
       
      Note: The summary attribute is deprecated in HTML5. https://www.w3.org/WAI/tutorials/tables/caption-summary/
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."
Alfred Waizenauer

Adobe Puts Focus on HTML5 for Digital Publishing: Collaborates with JQuery and WebKit - 0 views

www.readwriteweb.com/...borates_with_jquery_webkit.php

Adobe HTML5 animation jquery javascript framework

shared by Alfred Waizenauer on 26 Oct 10 - No Cached
  • Alfred Waizenauer on 26 Oct 10
     
    Adobe Edge, as the new tool is called, will allow developers to easily create interactive HTML5 experiences. Adobe also announced a new open JavaScript framework for animations that it will contribute back to the jQuery project, as well as a new collaboration with Google that will bring better layout and typographical fidelity to WebKit-based browsers.
Vernon Fowler

Microdata - Dive Into HTML5 - 0 views

diveintohtml5.info/extensibility.html

HTML5 microdata

shared by Vernon Fowler on 27 Oct 12 - No Cached
  • a third option developed using lessons learned from microformats and RDFa, and designed to be integrated into HTML5 itself: microdata.
  • “Adding microdata” to your page is a matter of adding a few attributes to the HTML elements you already have.
  • So where is the real information? It’s in the <dd> element, so that’s where we need to put the itemprop attribute. Which property is it? It’s the name property. Where is the property value? It’s the text within the <dd> element. Does that need to be marked up? the HTML5 microdata data model says no, <dd> elements have no special processing, so the property value is just the text within the element.
  • ...7 more annotations...
  • This technique is also useful for microdata. There are two distinct pieces of information here: a title and an affiliation. If you wrap each piece in a dummy <span> element, you can declare that each <span> is a separate microdata property.
  • There are two major classes of applications that consume HTML, and by extension, HTML5 microdata: Web browsers Search engines
  • Google supports microdata as part of their Rich Snippets program.
  • a handy tool to see how Google “sees” your microdata properties
  • Just like associating a URL with a Person, you can associate a URL with an Organization. This could be the company’s home page, a contact page, product page, or anything else. If it’s a URL about, from, or belonging to the Organization, mark it up with an itemprop="url" attribute.
  • To handle edge cases like this, HTML5 provides a way to annotate invisible data. This technique should only be used as a last resort. If there is a way to display or render the data you care about, you should do so. Invisible data that only machines can read tends to “go stale” quickly. That is, someone will come along later and update the visible text but forget to update the invisible data. This happens more often than you think, and it will happen to you too.
  • itemscope says that this element is the enclosing element for a microdata item with its own vocabulary (given in the itemtype attribute). All the properties within this element are properties of http://data-vocabulary.org/Geo, not the surrounding http://data-vocabulary.org/Organization.
1 - 9 of 9
Showing 20▼ items per page