Skip to main content

Home/ HTML5 development/ Group items matching "elements" in title, tags, annotations or url

Group items matching
in title, tags, annotations or url

Sort By: Relevance | Date Filter: All | Bookmarks | Topics Simple Middle
1More

Canvas From Scratch: Advanced Drawing | Nettuts+ - 0 views

net.tutsplus.com/...-from-scratch-advanced-drawing canvas html5
shared by Alexis Sgavel on 13 Mar 11 - No Cached
  • Alexis Sgavel on 13 Mar 11
     
    In the previous article in this series, you learned about the canvas element, and the basics for drawing on it. In this article, I'm going to demonstrate some of the more advanced drawing functionality.
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.
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.
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

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

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

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"
6More

Bruce Lawson's personal site  : The best of s - 0 views

www.brucelawson.co.uk/...best-of-time time html5 webdesign NED12 markup
shared by Vernon Fowler on 21 Aug 12 - No Cached
  • Update 10 August 2012: in response to a query, I checked again and pubdate is gone from both the WHATWG and W3C specs.
  • Previously, you could only mark up precise dates. So, 13 November 1905 could be expressed in HTML <time datetime="1905-11-13"> but November 1905 couldn’t be. This is a problem for historians where sometimes the precise date isn’t known.
  • Neither can you indicate date ranges. To mark up From “21/02/2012 to 25/02/2012″, use two separate <time> elements.
  • ...3 more annotations...
  • So <time datetime="P4D"> is a duration of 4 days
  • <time datetime="1905"> means the year 1905
  • <time datetime="1905-11"> means November 1905
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

: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).
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
‹ Previous 21 - 34 of 34
Showing 20▼ items per page