background preloader

HTML5 enabling script

HTML5 enabling script
7 Jan Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article>, is to use the HTML5 shiv, I’ve quickly put together a mini script that enables all the new elements. Download html5shiv.js and must be inserted in the head element (this is because IE needs to know about the element before it comes to render them – so it can’t sit in the footer of the page, i.e. below the elements in question). I’ve updated this post to link to Alexander Farkas’s version of the shiv – it’s the very latest and my simple one line script. Related:  HTML5 Development

Create offline Web applications on mobile devices with HTML5 Introduction The use of Web development in mobile applications is an increasing trend. However, intermittent network availability is a big obstacle to using Web technology as part of a cloud infrastructure. A traditional Web application simply doesn't work without a network. One solution to this problem is to use two features of the HTML5 Standard (see Resources): Offline Web applicationsClient-side database storage The user can use cloud functions on a mobile device, work offline with a locally deployed application on a local database, and share data with the rest of the cloud when going online again. In this article, learn the technical details for a typical usage scenario. Download the source code for the example application in this article from the Download table below. Overview Figure 1 shows an overview of the major components of the sample application architecture. Figure 1. HTML page The HTML page, the core of the application, has the model role. JavaScript Cascading Style Sheet Database

HTML5 localStorage() – Part Three « 11 May You should now have a good idea of how you can use localStorage yourself. However I promised we would create a simple html5 web app and thats what we are going to do. First we will take what we learned in the last post and write the function that will allow a user to create a new database entry. Snippet CopiedCopy to Clipboard Not much new here that we haven’t already gone over. Now that we have a way for a user to add new items to the app we still need a way to list all the items in the database. Nothing to crazy going on there but lets go over the javascript anyways. Our time tracking web app is finally taking shape. The list item now has a delete icon with a class of .delete which we will bind to a .click. Now we need to add a Clear Log button just below our list that will give users an easy way to clear the log. <button type="button" id="clearLog">Clear Log</button> We can finally see this web app taking shape.

Slideshow com CSS e HTML - 2bdesign – tutoriais, dicas, inspiração e muito mais A utilização de slideshows na internet é bastante utilizada, dado que permite de uma forma apelativa e interativa apresentar imagens. No entanto, quando estamos atentos ao peso do website na Internet, preocupa-nos a sua utilização. Tecnologias como Flash ou javascript acabam por pecar por isso mesmo. O CSS3 vem permitir isso mesmo: além de variadíssimas outras coisas, criar slideshows com recurso a apenas HTML. Hoje apresentamos um tutorial sobre a criação de um slideshow com recurso a HTML5 e CSS3. Código HTML: <li><a href=”#img01″>1</a></li> <li><a href=”#img02″>2</a></li> <li><a href=”#img03″>3</a></li> <li><a href=”#img04″>4</a></li> <li><a href=”#img05″>5</a></li> Entre as tags <nav></nav> inserimos os links, que serão depois formatados no css para ganhar a forma de botões, que nos permitirão navegar pelas imagens. Dentro de cada <article></article> com ID igual ao link anchor será inserida uma outra tag <figure></figure> que irá receber a tag <img src/> por cada imagem do slideshow. nav {

HTML Tutorial HTML5 Video HTML5 Boilerplate - A rock-solid default template for HTML5 awesome. Surfin’ Safari - Blog Archive » WebKit Does HTML5 Client-side Da Posted by Brady Eidson on Friday, October 19th, 2007 at 4:04 pm The current working spec for the HTML5 standard has a lot of exciting features we would eventually like to implement in WebKit. One feature we felt was exciting enough to tackle now even though the spec is still in flux is client-side database storage. The client-side database storage API allows web applications to store structured data locally using a medium many web developers are already familiar with – SQL. The API is asynchronous and uses callback functions to track the results of a database query. database.executeSql("SELECT * FROM test", function(result1) { // do something with the results database.executeSql("DROP TABLE test", function(result2) { // do some more stuff alert("My second database query finished executing!") This initial implementation has some things missing from the spec as well as a few known bugs. Oh, and one more thing… We’re landing this initial implementation with pretty cool Web Inspector support!

Rendera - Online HTML5 Editor