Skip to main content

Home/ HTML5 development/ Group items tagged html5

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Vernon Fowler

Happy 1st Birthday us | HTML5 Doctor - 0 views

html5doctor.com/happy-1st-birthday-us

flowchart elements tags html html5 webdesign browser

shared by Vernon Fowler on 05 Aug 11 - Cached
  • Vernon Fowler on 05 Aug 11
     
    "a handy flowchart to help you choose the most semantically appropriate HTML5 element"
Vernon Fowler

Avoiding common HTML5 mistakes | HTML5 Doctor - 0 views

html5doctor.com/avoiding-common-html5-mistakes

HTML5 mistakes

shared by Vernon Fowler on 05 Aug 11 - No Cached
  • Vernon Fowler on 05 Aug 11
     
    "In this post, I'll show you some of the mistakes and poor markup practices I often see and explain how to avoid them."
Vernon Fowler

HTML5 video and audio tags in all major browsers - 1 views

html5media.info

html video audio tags browsers html5 mobile

shared by Vernon Fowler on 05 Aug 11 - No Cached
  • Vernon Fowler on 05 Aug 11
     
    "How to enable and tags in all major browsers To make HTML5 video and audio tags work in all major browsers, simply add the following line of code somewhere in the of your document. "
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

Extending HTML5 - Microdata | HTML5 Doctor - 0 views

html5doctor.com/microdata

webdesign microdata NED12 web design HTML5

shared by Vernon Fowler on 17 Nov 12 - No Cached
  • One element can also have multiple properties (multiple itemprop="" names separated by spaces) with the same value: <p itemscope><span itemprop="guitar vocals">Chris Askew</span>  is so dreamy.</p>
  • One element can also have multiple properties (multiple itemprop="" names separated by spaces) with the same value: <p itemscope><span itemprop="guitar vocals">Chris Askew</span>  is so dreamy.</p>
  • One element can also have multiple properties (multiple itemprop="" names separated by spaces) with the same value: <p itemscope><span itemprop="guitar vocals">Chris Askew</span>  is so dreamy.</p>
Vernon Fowler

HTML5 differences from HTML4 - 0 views

www.w3.org/html5-diff

html html5 markup syntax elements

shared by Vernon Fowler on 08 Apr 13 - No Cached
  • Attributes with an empty value may be written as just the attribute name omitting the equals sign and the value, even if it's not a boolean attribute.
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

HTML5 iframe Tag - 0 views

www.w3schools.com/...tag_iframe.asp

iframe HTML5 attributes support browser rendering Internet Explorer IE

shared by Vernon Fowler on 04 Feb 12 - No Cached
  • Vernon Fowler on 04 Feb 12
     
    Be wary of any plugins that create iframe elements. If they use invalid attributes, the iframe won't render in Internet Explorer (IE).
Vernon Fowler

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."
‹ Previous 21 - 40 of 119 Next › Last »
Showing 20▼ items per page