Group items tagged code - HTML5 development

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

Cancel

Working with HTML5 video in web projects | Adobe Inspire Magazine - 0 views

www.adobe.com/...html5-video.html

html5 css3 javascript video formats browser support

shared by Vernon Fowler on 05 Feb 13 - No Cached

The solution for now is to produce your videos in multiple formats. Table 1. Browser support by video format Browser MP4 WebM Ogg Internet Explorer 9 Yes No No Firefox 4.0 No Yes Yes Google Chrome 6 Yes Yes Yes Apple Safari 5 Yes No No Opera 10.6 No Yes Yes Note: For the latest compatibility information, always check the CanIUse website.
...

Cancel
A more robust way to create the fallback is to use a JavaScript utility like Modernizr to evaluate the browser's capabilities and then dynamically write the video and source tags or embed the Flash video player using SWFObject.
...

Cancel
Tip 3: The source tag should always include the "type" attribute with the correct MIME type value. You may need to add an .htaccess file to your server to define the MIME types as well. Check out the Video for everybody article for more tips on MIME types.
...

Cancel
...2 more annotations...
Tip 2: The video tag includes a range of parameters that you can use to configure the video. See the Mozilla article Using HTML5 audio and video for more information.
...

Cancel
Tip 1: The Adobe Media Encoder does not currently export video to Ogg or WebM format. You can use the Firefogg add-on for Firefox to encode video to Ogg Theora format, or you can use Miro Video Converter to encode video to WebM or Ogg Theora format.
...

Cancel

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

Cancel
I recommend you use this method for quick prototypes rather than a production website, not least because CSS-only tooltips are not fully accessible.
...

Cancel

Transfer WordPress Image Captions to HTML5 - 0 views

dobeweb.com/...s-image-captions-to-html5.html

captions image html wordpress html5 webdesign

shared by Vernon Fowler on 30 Jun 12 - No Cached

How to transfer the default code to html5? Here it is: open the functions.php (you can find it in the theme folder), then copy and paste the following php code to the functions.php
...

Cancel

Avoiding common HTML5 mistakes | HTML5 Doctor - 0 views

If it’s a purely presentational image and not referenced elsewhere in the document, then it’s definitely not a <figure>.
...

Cancel

The Footer Element Update | HTML5 Doctor - 0 views

html5doctor.com/the-footer-element-update

footer html html5

shared by Vernon Fowler on 14 Jul 12 - No Cached

To see an example of the <footer> within an article/section look no further than this very page.
...

Cancel
<article>   Article content appears here.   <footer>   Footer information for article.   </footer></article>
...

Cancel

The time element (and microformats) | HTML5 Doctor - 0 views

html5doctor.com/the-time-element

HTML5 time

shared by Vernon Fowler on 21 Aug 12 - No Cached

There is a boolean attribute pubdate specifically for this
...

Cancel
<time datetime="2010-01-20" pubdate>
...

Cancel

Semantic navigation with the nav element | HTML5 Doctor - 1 views

html5doctor.com/nav-element

semantic navigation nav element html5 html webdesign markup LIM225 breadcrumbs

shared by Vernon Fowler on 02 Jul 12 - No Cached

Previous/next buttons (or pagination) I would say yes to this because it is important to the overall structure and hierarchy of the blog/site
...

Cancel
Search form For me, a definite yes, but it is not mentioned in the spec. A search form is hugely important to the navigation of a site, particularly large sites which rely almost solely on their search engine.
...

Cancel
Breadcrumbs Again, I would say yes to this as well. Although breadcrumbs are not always necessary and can be used when not applicable, on large sites a breadcrumb trail can be an important navigation aid.
...

Cancel
...3 more annotations...
<menu> is to be used for a list of commands and is an interactive element and more likely to be used exclusively in Web Applications.
...

Cancel
The nav element represents a section of a page that links to other pages or to parts within the page: a section with navigation links.
...

Cancel
Table of Contents I would say definitely yes to that – it is primary navigation for that particularly content
...

Cancel

Vernon Fowler on 02 Jul 12

Breadcrumbs Again, I would say yes to this as well. Although breadcrumbs are not always necessary and can be used when not applicable, on large sites a breadcrumb trail can be an important navigation aid.

<div class="cArrow"> </div><div class="cContentInner">Breadcrumbs Again, I would say yes to this as well. Although breadcrumbs are not always necessary and can be used when not applicable, on large sites a breadcrumb trail can be an important navigation aid.</div>

...

Cancel

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

<div class="cArrow"> </div><div class="cContentInner">"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. "</div>

...

Cancel

Code School Brings Its Instructional Videos For Developers To iOS | TechCrunch - 0 views

techcrunch.com/...l-videos-for-developers-to-ios

online training html5 ios javascript css3

shared by Alfred Waizenauer on 29 Oct 14 - No Cached

: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).
...

Cancel