Skip to main content

Home/ HTML5 development/ Group items tagged HTML5

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Alfred Waizenauer

Backbone.js - 0 views

backbonejs.org

javasscript html5 framework

shared by Alfred Waizenauer on 29 Oct 14 - No Cached
  • Alfred Waizenauer on 29 Oct 14
     
    "HTML5"
Vernon Fowler

HTML5 Tutorial - Web form 2.0 - 0 views

www.html5tutorial.info/html5-webform2.php

html5 forms validation web

shared by Vernon Fowler on 15 Feb 18 - No Cached
  • New Input attributes <input type="text" "new input attribute"/> Placeholder Autofocus Required
  • New input types <input type="new input type"/> Search Email, URL and Phone
  • Number as Spinner
Vernon Fowler

Can I use... Form validation - 0 views

caniuse.com/#feat=form-validation

html5 forms validation CSS pseudo

shared by Vernon Fowler on 15 Feb 18 - No Cached
  • Vernon Fowler on 15 Feb 18
     
    What HTML5 features are currently supported by each browser
Vernon Fowler

HTML5 Forms: Search Type Demo | Wufoo - 0 views

www.wufoo.com/...5-search.html

HTML5 form input attributes search

shared by Vernon Fowler on 06 Mar 18 - No Cached
  • The results and autosave attributes shown above are not standard. In WebKit and Blink browsers you can add the non-standard results attribute to get a looking glass icon to click to see the latest searches, and autosave to keep them across page loads.
  • When a value is present, a gray x control shows up on the right of the input in IE, Chrome, Safari and Opera (but not Firefox or Chrome on Android) which can be clicked to clear the value.
Vernon Fowler

: The Input (Form Input) element - HTML | MDN - 0 views

developer.mozilla.org/...input

HTML5 form input attributes

shared by Vernon Fowler on 06 Mar 18 - No Cached
  • A single-line text field for entering search strings.
    • Vernon Fowler
      Vernon Fowler on 06 Mar 18
       
      On mobile devices with on-screen keyboards, the search input type sets the submit button text to "Search". On desktop devices, this should also enable submitting the form by pressing the Enter key?
  • Possible values are: off: The user must explicitly enter a value into this field for every use, or the document provides its own auto-completion method. The browser does not automatically complete the entry. on: The browser is allowed to automatically complete the value based on values that the user has entered during previous uses, however on does not provide any further information about what kind of data the user might be expected to enter. name: Full name. honorific-prefix: Prefix or title (e.g. "Mr.", "Ms.", "Dr.", "Mlle"). given-name: First name. additional-name: Middle name. family-name: Last name.
  • inputmode
    • Vernon Fowler
      Vernon Fowler on 06 Mar 18
       
      Currently not supported in any browser. https://caniuse.com/#feat=input-inputmode
  • ...4 more annotations...
  • This attribute applies when the value of the type attribute is text, search, tel, url, email, or password, otherwise it is ignored.
  • minlength HTML5 If the value of the type attribute is text, email, search, password, tel, or url, this attribute specifies the minimum number of characters (in Unicode code points) that the user can enter.
  • maxlength If the value of the type attribute is text, email, search, password, tel, or url, this attribute specifies the maximum number of characters (in UTF-16 code units) that the user can enter.
  • autocorrect A Safari extension, the autocorrect attribute is a string which indicates whether or not to activate automatic correction while the user is editing this field. Permitted values are: on Enable automatic correction of typos, as well as processing of text substitutions if any are configured.
Vernon Fowler

html5shiv - HTML5 IE enabling script - Google Project Hosting - 0 views

code.google.com/html5shiv

html5 IE NED12 webdesign web design css

shared by Vernon Fowler on 18 Nov 12 - No Cached
  • for the sake of performance, it would make better sense to include the CSS first then this script
Vernon Fowler

HTML5 sectioning elements, headings, and document outlines | 456 Berea Street - 0 views

www.456bereastreet.com/...headings_and_document_outlines

NED12 webdesign html5

shared by Vernon Fowler on 21 Nov 12 - No Cached
  • To prevent the footer’s heading from becoming the page heading we can wrap the footer element’s contents in a section element:
  • This really feels like a hack, but it does move the footer heading to its expected position in the document outline.
  • Since there is no heading in the nav element, it becomes “Untitled NAV”.
Vernon Fowler

html5shiv - HTML5 IE enabling script - Google Project Hosting - 1 views

code.google.com/html5shiv

html5 ie browsers html script javascript browser minify

shared by Vernon Fowler on 25 Mar 13 - No Cached
  • It must be included before the <body> element (i.e. in the <head>)
  • minified
Vernon Fowler

Semantics - HTML5 Rocks - 1 views

www.html5rocks.com/...semantics

LIM225 html5 semantic semantic web microdata html markup

shared by Vernon Fowler on 21 Apr 13 - No Cached
  • Vernon Fowler on 21 Apr 13
     
    "Semantics is one of the most distinctive features of the Web Platform versus other application platforms. Developers usually ignore or de-prioritize such feature but the mastery of it can bring many benefits to our projects."
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

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.
« First ‹ Previous 41 - 60 of 119 Next › Last »
Showing 20▼ items per page