Skip to main content

Home/ HTML5 development/ Group items matching "html" 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
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.
2More

The Footer Element Update | HTML5 Doctor - 0 views

html5doctor.com/the-footer-element-update footer html html5
shared by Vernon Fowler on 14 Jul 12 - No Cached
  • To see an example of the <footer> within an article/section look no further than this very page.
  • <article>   Article content appears here.   <footer>   Footer information for article.   </footer></article>
1More

The article element | HTML5 Doctor - 0 views

html5doctor.com/the-article-element article element html doctor html5
shared by Vernon Fowler on 05 Sep 12 - No Cached
  • A weblog-style <article> A published date leads us to add a <header>, and there’s also content that would be suitable in a <footer> elements. <article>  <header>    <h1>Apple</h1>    <p>Published: <time pubdate="pubdate">2009-10-09</time></p>  </header>  <p>The <b>apple</b> is the pomaceous fruit of the apple tree...</p>  ...  <footer>    <p><small>Creative Commons Attribution-ShareAlike License</small></p>  </footer></article>
1More

Modernizr - 0 views

www.modernizr.com javascript web webdesign html browser css webstandards for:@twitter HTML5 CSS3
shared by Vernon Fowler on 04 Feb 12 - Cached
  • Vernon Fowler on 04 Feb 12
     
    Modernizr adds classes to the element which allow you to target specific browser functionality in your stylesheet. You don't actually need to write any Javascript to use it.
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">
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

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

Jo HTML5 Mobile App Framework - 0 views

joapp.com html5 framework mobile
shared by Alfred Waizenauer on 12 Oct 10 - No Cached
  • Alfred Waizenauer on 12 Oct 10
     
    Cross plattform html5
1More

gury - an html5 canvas utility library - 0 views

guryjs.org canvas html5
shared by Alexis Sgavel on 13 Mar 11 - No Cached
  • Alexis Sgavel on 13 Mar 11
     
    gury (pronounced "jury") is a JavaScript library designed to aid in the creation of HTML5/Canvas applications by providing an easy-to-use chain based interface.
3More

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

HTML5 Form Validation - Showing All Error Messages - 0 views

www.tjvantoll.com/...ion-showing-all-error-messages forms usability errors validation HTML5
shared by Vernon Fowler on 10 Apr 18 - No Cached
  • an :invalid pseduoselector that can be used to select all elements with validation errors
  • only give an error for the first field
  • showing the users only the first error message is bad
  • ...2 more annotations...
  • Browsers that support HTML5 form validation have one thing in common; if a <form> is submitted and has errors on multiple fields, the browser will only display the first error to the user.
  • instead of listening for submit on the <form>, I instead listen for a click on the <input type="submit">. Since the user is also able to submit the form pressing enter in text inputs, I attach a keypress listener to them to ensure the same logic runs.
4More

- HTML: Hypertext Markup Language | MDN - 0 views

developer.mozilla.org/...number forms HTML5
shared by Vernon Fowler on 02 Oct 19 - No Cached
  • A string value of any means that no stepping is implied, and any value is allowed (barring other constraints, such as min and max).
  • <input type="number"> elements do not support use of the pattern attribute for making entered values conform to a specific regex pattern.
  • inputs of type number support these attributes
  • Vernon Fowler on 02 Oct 19
     
    " elements of type number are used to let the user enter a number. They include built-in validation to reject non-numerical entries. The browser may opt to provide stepper arrows to let the user increase and decrease the value using their mouse or by simply tapping with a fingertip."
3More

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