Skip to main content

Home/ HTML5 development/ Group items tagged html

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

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.
Vernon Fowler

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>
Vernon Fowler

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>
Vernon Fowler

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.
Vernon Fowler

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">
Vernon Fowler

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.
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.
Alfred Waizenauer

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
Alexis Sgavel

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

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.
Vernon Fowler

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