Skip to main content

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

How to mark up subheadings, subtitles, alternative titles and taglines | HTML5 Doctor - 0 views

html5doctor.com/howto-subheadings subtitles titles alternative html html5 markup
shared by Vernon Fowler on 05 May 13 - No Cached
  • Vernon Fowler on 05 May 13
     
    If you don't already know, the hgroup element is obsolete in HTML5. Advice is now provided in the HTML spec on how to mark up subheadings, subtitles, alternative titles and taglines using existing and implemented HTML features.
1More

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

15 HTML5 tutorials which will make you a wow designer - 0 views

www.ahrefmagazine.com/...h-will-make-you-a-wow-designer HTML5 WebDesigner html tutorials reference mobile browser forms section semantic markup
shared by Vernon Fowler on 11 May 13 - No Cached
  • Vernon Fowler on 11 May 13
     
    #HTML5 Tutorials That Every #WebDesigner Should See http://t.co/k1Xh4VEO @ahrefmag
1More

aFarkas/html5shiv · GitHub - 0 views

github.com/html5shiv html5 shiv ie browser javascript
shared by Vernon Fowler on 19 Jan 14 - No Cached
  • Include the HTML5 shiv in the <head> of your page in a conditional comment and after any stylesheets. <!--[if lt IE 9]> <script src="components/html5shiv/html5shiv.js"></script> <![endif]--> Manual installation Download and extract the latest zip package from this repositiory and copy the two files dist/html5shiv.js and dist/html5shiv-printshiv.js into your project. Then include one of them into your <head> as above.
6More

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

Why is Ogg better than MP3? - Quora - 0 views

www.quora.com/Why-is-Ogg-better-than-MP3 web audio formats HTML5
shared by Vernon Fowler on 30 Oct 17 - No Cached
  • a bit less data to produce the same quality, or will sound a bit better at the same bitrate
  • MP3 was also covered by a bunch of patents, so you had to license it for a fair bit of money; those patents have finally expired now. Ogg and Vorbis have always been free (and the reference implementation available under an LGPL and later BSD license).
1More

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

:required | CSS-Tricks - 0 views

css-tricks.com/...required forms validation html5 pseudo input attributes
shared by Vernon Fowler on 15 Feb 18 - No Cached
  • The :required attribute works on radio buttons. If you put required on one radio button (or all), that particular group of radio buttons will be required. On checkboxes, makes each individual checkbox required (to be checked).
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
4More

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

What's New in HTML 5.2? - 0 views

bitsofco.de/whats-new-in-html-5-2 html forms dialogue headings HTML5 markup web
shared by Vernon Fowler on 02 Jan 19 - No Cached
  • Headings in a <legend> In forms, the <legend> element represents a caption for the form fields within a <fieldset>. Before HTML 5.2, the content of a legend had to be plain text. Now, we can include heading elements.
1More

How do you figure? | scottohara.me - 0 views

www.scottohara.me/...how-do-you-figure.html HTML5 markup accessibility screenreaders
shared by Vernon Fowler on 30 Jan 19 - No Cached
  • Vernon Fowler on 30 Jan 19
     
    A figure can be used with or without a figcaption. However, without a caption, or an alternate means of providing an accessible name (e.g. aria-label) a figure may not provide much value in conveying its semantics alone. In some cases, it may not convey any semantics at all if its given no accessible name.
4More

HTML Standard - 0 views

html.spec.whatwg.org/...interaction.html
shared by Vernon Fowler on 19 Sep 19 - No Cached
  • The value of input elements whose type attributes are in the Text, Search, URL, or E-mail states and that are mutable (i.e. that do not have the readonly attribute specified and that are not disabled).The value of textarea elements that do not have a readonly attribute and that are not disabled.
    • Vernon Fowler
      Vernon Fowler on 19 Sep 19
       
      Note the input types that we can set spellcheck="false" include: email url search text
  • Otherwise, if there is an ancestor element with a spellcheck content attribute that is not in the default state, then: if the nearest such ancestor's spellcheck content attribute is in the true state, then checking is enabled; otherwise, checking is disabled.
  • User agents should take into account the other semantics given in the document when suggesting spelling and grammar corrections. User agents may use the language of the element to determine what spelling and grammar rules to use, or may use the user's preferred language settings. UAs should use input element attributes such as pattern to ensure that the resulting value is valid, where possible.
« First ‹ Previous 41 - 60 Next › Last »
Showing 20▼ items per page