Skip to main content

Home/ Groups/ HTML5 development
Rss Feed
Sort By: Most Recent | Popular Filter: All | Bookmarks | Topics Simple Middle
1More

Relevant Dropdowns: Polyfill for Datalist | CSS-Tricks - 0 views

css-tricks.com/ropdowns-polyfill-for-datalist HTML5 forms input datalist
shared by Vernon Fowler on 13 Jan 14 - No Cached
  • Vernon Fowler on 13 Jan 14
     
    "The list attribute / datalist element of HTML5 forms is pretty cool. As you type in a text input, it shows you a dropdown menu of choices you can pick from. Or you can type in whatever you want. The list attribute alone doesn't lock you into any specific value. In that way, it's a bit like a group of radio buttons with an "other" type-in option."
1More

Email Domain Datalist Helper | CSS-Tricks - 0 views

css-tricks.com/email-domain-datalist-helper datalist input forms HTML5 javascript email
shared by Vernon Fowler on 13 Jan 14 - No Cached
  • Vernon Fowler on 13 Jan 14
     
    "What if someone signs up for your web app and they type in their email address as susan_smith@gmaoil.com? They don't notice, they never get their confirmation email, they never can log in again, the "forgot password" feature doesn't work, and there is a lot of frustration and finger pointing."
3More

The main element | HTML5 Doctor - 0 views

html5doctor.com/the-main-element html html5 main
shared by Vernon Fowler on 19 Jan 14 - No Cached
  • One important facet of <main> is that it can only be used once per page.
  • Another stipulation of <main> is that it can’t be used as a descendant of an <article>, <aside>, <footer>, <header>, or <nav> element.
  • Of course, if you use the html5shiv, <main> is now baked in directly.
1More

HTML 5 Tag - 0 views

www.quackit.com/...html_summary_tag.cfm HTML5 summary tag browser support
shared by Vernon Fowler on 12 Mar 13 - No Cached
  • Vernon Fowler on 12 Mar 13
     
    To see if your browser supports the details and summary tags, check http://html5test.com/
1More

Initializr - Start an HTML5 Boilerplate project in 15 seconds! - 0 views

www.initializr.com template generator 404 robots txt favicon htaccess Modernizr minify responsive bootstrap HTML5 jquery mobile javascript html web webdesign
shared by Vernon Fowler on 12 Mar 13 - No Cached
  • Vernon Fowler on 12 Mar 13
     
    "Initializr is here to kick-start the development of your new projects. It generates templates based on HTML5 Boilerplate by allowing you to choose which parts you want or don't want from it. A responsive template has also been added to start from a basic design instead of a blank page."
6More

HTML5 forms input types | HTML5 Doctor - 0 views

html5doctor.com/html5-forms-input-types html HTML5 forms input data types browser mobile
shared by Vernon Fowler on 05 Mar 13 - No Cached
  • Once more, the iPhone recognises type="tel", only this time it goes one step further and completely changes the keyboard to the standard phone keyboard, as shown on the left in Figure 6. In addition to the iPhone, some Android devices (such as HTC Desire, shown on the right in Figure 6) also display a numeric keyboard for type="tel". That’s pretty handy, don’t you think? Nice, big keys for entering a phone number help you to get that big, nasty form completed quickly.
  • In contrast to Opera’s implementation, the iPhone (Figure 8) and some Android devices (such as HTC Desire, shown on the right in Figure 6-13) simply render the field as a standard text box but optimize the keyboard for easy input.
  • Chris’ technique may soon become absolete though with the introduction of the inputmode attribute. The attribute, recently added to the specification will allow users to specify the type of input mechanism that is most useful for users. When implemented, you will be able to choose between numeric, latin, email, or kana input modes.
  • ...3 more annotations...
  • To make the iPhone render with the standard telephone keypad as we saw for type="text" Chris Coyier, of CSS Tricks devised a little hoax you can use. Rather than using type=”number”, use a standard type="text" input and add a pattern attribute that accepts only numbers, as shown below. This solution isn’t ideal but if you think it could be useful, Chris has put a short video together showing it in action. <input type="text" pattern="[0-9]*" name="shoe-size">
  • There are dedicated keys for the @ and . characters to help you complete the field more efficiently. As we discussed with type="search", there is no downside to using type="email" right now. If a browser doesn’t support it, it will degrade to type="text". And in some browsers, users will get a helping hand.
  • The url input type, as you might expect, is for web addresses. You can use the multiple attribute to enter more than one URL. Like type="email", a browser will carry out simple validation on these fields and present an error message on form submission. This is likely to include looking for forward slashes, periods, and spaces, and possibly detecting a valid top-level domain (such as .com or .co.uk). Use the url input type like so: <input type="url" name="url" required>
2More

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

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."
3More

Meaningles: Uncovering the Semantics of the Real Web - 0 views

meaningless-stats.appspot.com/about LIM225 semantics web semanticweb semantic web semantic schema microformats markup html
shared by Vernon Fowler on 21 Apr 13 - No Cached
  • side-contracts have become a common way
  • to produce and consume information about types of content for which HTML doesn't yet include nouns. The most prominent of these are WAI-ARIA, Microformats, and Schema.org.
  • Web crawlers understand some of these side-contracts,
‹ Previous 21 - 40 Next › Last »
Showing 20▼ items per page