Skip to main content

Home/ Groups/ HTML5 development
Rss Feed
Sort By: Most Recent | Popular Filter: All | Bookmarks | Topics Simple Middle
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."
6More

Code Guide by @mdo - 0 views

codeguide.co html css code guide HTML5
shared by Vernon Fowler on 04 Sep 20 - No Cached
  • Compared to <link>s, @import is slower, adds extra page requests, and can cause other unforeseen problems. Avoid them and instead opt for an alternate approach
  • Compile your CSS with a preprocessor like Sass or Less into a single file
  • Place media queries as close to their relevant rule sets whenever possible.
  • ...3 more annotations...
  • Limit shorthand declaration usage to instances where you must explicitly set all available values.
  • Avoid unnecessary nesting. Just because you can nest, doesn't mean you always should. Consider nesting only if you must scope styles to a parent and if there are multiple elements to be nested.
  • For a complete list of properties and their order, please see
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.
1More

Backbone.js - 0 views

backbonejs.org javasscript html5 framework
shared by Alfred Waizenauer on 29 Oct 14 - No Cached
  • Alfred Waizenauer on 29 Oct 14
     
    "HTML5"
3More

The abbr element | HTML5 Doctor - 0 views

html5doctor.com/the-abbr-element html html5
shared by Vernon Fowler on 10 Feb 14 - No Cached
  • To get <abbr> working in IE6 and IE7, you need to create the element with JavaScript:
    • Vernon Fowler
      Vernon Fowler on 10 Feb 14
       
      Check you HTML5shim or Modernizr script - either probably already caters for this element.
  • If you’re ever tempted to use an <acronym>, just use <abbr> instead!
1More

HTML a name Attribute - 0 views

www.w3schools.com/...att_a_name.asp html name attribute html5 markup
shared by Vernon Fowler on 11 Feb 14 - Cached
  • Use the id attribute instead.
9More

: The Input (Form Input) element - HTML | MDN - 0 views

developer.mozilla.org/...input HTML5 form input attributes
shared by Vernon Fowler on 06 Mar 18 - No Cached
  • A single-line text field for entering search strings.
    • Vernon Fowler
      Vernon Fowler on 06 Mar 18
       
      On mobile devices with on-screen keyboards, the search input type sets the submit button text to "Search". On desktop devices, this should also enable submitting the form by pressing the Enter key?
  • Possible values are: off: The user must explicitly enter a value into this field for every use, or the document provides its own auto-completion method. The browser does not automatically complete the entry. on: The browser is allowed to automatically complete the value based on values that the user has entered during previous uses, however on does not provide any further information about what kind of data the user might be expected to enter. name: Full name. honorific-prefix: Prefix or title (e.g. "Mr.", "Ms.", "Dr.", "Mlle"). given-name: First name. additional-name: Middle name. family-name: Last name.
  • inputmode
    • Vernon Fowler
      Vernon Fowler on 06 Mar 18
       
      Currently not supported in any browser. https://caniuse.com/#feat=input-inputmode
  • ...4 more annotations...
  • This attribute applies when the value of the type attribute is text, search, tel, url, email, or password, otherwise it is ignored.
  • minlength HTML5 If the value of the type attribute is text, email, search, password, tel, or url, this attribute specifies the minimum number of characters (in Unicode code points) that the user can enter.
  • maxlength If the value of the type attribute is text, email, search, password, tel, or url, this attribute specifies the maximum number of characters (in UTF-16 code units) that the user can enter.
  • autocorrect A Safari extension, the autocorrect attribute is a string which indicates whether or not to activate automatic correction while the user is editing this field. Permitted values are: on Enable automatic correction of typos, as well as processing of text substitutions if any are configured.
1More

Web Designer Notebook » How to use Modernizr - 0 views

webdesignernotebook.com/...how-to-use-modernizr html5 css3 javascript library browser modernizr css webdesign
shared by Vernon Fowler on 15 Mar 14 - No Cached
  • Vernon Fowler on 15 Mar 14
     
    "There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites."
1More

Bootstrap Expo - 0 views

expo.getbootstrap.com web html5 framework
shared by Alfred Waizenauer on 09 Apr 14 - No Cached
  • Alfred Waizenauer on 09 Apr 14
     
    Bootstrap Samples
1More

Designing a blog with html5 | HTML5 Doctor - 0 views

html5doctor.com/designing-a-blog-with-html5 html5 markup semantic DIG252 blog
shared by Vernon Fowler on 22 Jun 14 - No Cached
  • use the header, footer, main and nav elements to mark up the broad structure of the page. Doing this will make your site more accessible to real people who use some assistive technologies
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">
1More

X-UA-Compatible and HTML5 | 456 Berea Street - 0 views

www.456bereastreet.com/...x-ua-compatible_and_html5 html5 ie browser apache http meta
shared by Vernon Fowler on 25 Jul 14 - No Cached
  • Get the meta element out of your markup and and send the header over HTTP instead. On Apache, add this to your root .htaccess file: Header set X-UA-Compatible "IE=edge"
2More

Accessible Table Builder | Accessibility Tools | Accessify - 0 views

www.accessify.com/...table-builder
shared by Vernon Fowler on 25 Aug 21 - No Cached
  • Table summary:
    • Vernon Fowler
      Vernon Fowler on 25 Aug 21
       
      Note: The summary attribute is deprecated in HTML5. https://www.w3.org/WAI/tutorials/tables/caption-summary/
« First ‹ Previous 61 - 80 Next › Last »
Showing 20▼ items per page