Chris Jobling's Library tagged html5 →  View Popular, Search in Google

"Recently the Mozilla Apps Native Install Experience was introduced to the Firefox Nightly Channel. (Read here for more information about the Firefox release channels.)

This functionality lets us install an HTML5 application with a native launching experience on Windows or Mac (Linux and Android coming)."

html5 desktop apps

This is a guide to HTML5 Boilerplate for Rails developers. Like Rails on the server side or “backend”, HTML5 Boilerplate provides structure and conventions for setting up HTML5, CSS3 styles, and Javascript for front-end development. It is a popular starting point for many front-end developers. However, some aspects of HTML5 Boilerplate are not useful for Rails projects. Sorting through the HTML5 Boilerplate documentation to find what’s useful for Rails can be confusing. This article lists each component of HTML5 Boilerplate and identifies its usefulness for Rails applications.

tutorial railsapps html5 boilerplate html5 boilerplate web.development rails

Rails Default Application Layout for HTML5. Shows how to set up a default application layout with navigation links, messages for alerts and notices, and CSS styling. Second in a series

tutorial railsapps html5 boilerplate html5 boilerplate rails web.development

Bucky Roberts (thenewboston.com) introduces the HTML5 family of features and APIs in this YouTube playlist of 53 (so far) 4-5 minute tutorials. As Bucky Says, HTML5 is an evolution of the "HTML Burrito" of HTML, CSS and JavaScript and he has earlier video courses on these as well. I've only watched two episodes, but they seem good quality to me.

Thanks to mrparkin for the recommendation.

html5 eg-253 eg-259 tutorial youtube playlist eg-146 tutorials css javascript html education oer educational resource

"Wptuts+ is a site dedicated to teaching people how to use WordPress, develop widgets, plugins and themes, successfully scale sites, find interesting WordPress resources, and build a freelance business around the platform. Over 25 million people have chosen WordPress to power the place on the web they call "home", and it's by far and away the most successful blogging platform online."

eg-259 eg-252 eg-253 wordpress web applications tutorial tutorials resources webdesign css3 html5

Mark Pilgrim wrote Dive Into Python (bookmarked elsewhere in this collection) and here he is writing an emerging O'Reilly Book called "HTML5: up and running" which will be released in a similar way ... in paper with on-line version available under Creative Commons. It is now being maintained by the community.

html5 book free online mark.pilgrim dive.in eg-259 tutorial ebook html resources eg-146 eg-153

Part of Chapter 3 or Mark Pilgrim's "Dive into HTML5" that discusses how browsers handle unknown elements that introduces a JavaScript fix that will enable Internet Explorer to build the correct DOM from an HTML5 document which will enable the new element to be styled and accessed by JavaScript.

html5 element fix javascript mark.pilgrim diveintohtml5 eg-259

Chapter 1 of "Dive into HTML5" the on-line version of Mark Pilgrim's book that will eventually be published as HTML5: Up and Running by Google Press to be published by O'Reilly. I've linked this because it's a very nice potted history of how HTML came to be.

eg-259 eg-146 web standards html xhtml mime mark.pilgrim diveintohtml5 html5

Chapter 2 of Mark Pilgrim's book. This one is interesting in that it is both a discussion on how you might, as a web developer, use JavaScript to detect your customer's browser support for the new HTML5 features, as well as, at the same time, using these/

example testbed browser html5 javascript detection html webdev tutorial reference book mark.pilgrim diveintohtml5 modenizr eg-259

"Last month I did a talk at the Campus Party, one of the biggest technology events of the world, talking about Fireworks, HTML5 and CSS3. It was very nice, the receptivity of the audience was sensational, and thinking that many of you would also like to see the contents of the workshop, so decided to write a full case study and share here on the blog."

tutorial eg-259 html5 css3 case study tutorials resources webdesign casestudy

A resource for developers looking to put HTML5 to use today, including information on specific features and when to use them in your apps.

resources google eg-259 html5 tutorial tutorials presentations

A site which tests and reports your browser's support for new and forthcoming Html5, Css3 and JavaScript APIs and presenting the results in a simple grid. Where a feature is missing, haz.io links to a fallback resource.

eg-259 html5 testing browser

A JavaScript library (released under MIT license) that you can add to your HTML documents in order to test that your (or rather your end-user's) browser supports the new HTML5 and CSS3 elements and features. Simply tests the features on page load and crea
A JavaScript library that helps web developers to test for the new features provided by Html5, Css3 and the new browser APIs with a view to providing fallbacks where features are not supported.

eg-259 browser modernizr web development html5 javascript library tools useful modenizr

Nice test page for HTML5 form support. Includes browser charts and fallback (graceful degredation) resources in JavaScript and using widget libraries.

html5 javascript eg-259 forms new forms test-page

"Public repo for the latest HTML5 JavaScript shim for IE to recognise and style the HTML5 elements. "

Small picce of JavavScript that assigns new HTML5 elements to DOM for older IE browsers. Allows them to be displayed and styled.

html5 javascript shim htnl5shim html5shiv eg-259

"A rock-solid default for HTML5 awesome.

HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site.

After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain Ajax and Flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on.

Boilerplate is not a framework, nor does it prescribe any philosophy of development, it's just got some tricks to get your project off the ground quickly and right-footed."

html5 webdesign howto template boilerplate eg-259 css javascript

An easy to use, powerful, and flexible framework for building prototypes and production code on any kind of device.

As heard on The Changelog http://bit.ly/vxND7J.

zurb foundation css javascript framework examples eg-259 HTML5 boilerplate responsive

Mentioned on The Guardian Tech Weekly Podcast 22/11/2011.

flash html5 browser web web applications electronic voting systems

mobile html5 native google

Installing RVM with rails, Git and HTML Boiler plate. Recipe from "Seek First"

rails git html5 rvm howto