background preloader

Html5-boilerplate/doc/ at master · h5bp/html5-boilerplate

Html5-boilerplate/doc/ at master · h5bp/html5-boilerplate
Related:  HTML5 Development

Initializr - Start an HTML5 Boilerplate project in 15 seconds! HTML5 Video russfrisch/h5bp-rails Rendera - Online HTML5 Editor Angularjs Normal Links with html5Mode 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. The one I originally released was (I thought) beautifully small, but didn’t support print styles nor dynamic injection of HTML5 elements.

schneems/sextant 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. 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 The JavaScript element contains the controller functions of the application. Cascading Style Sheet Database Manifest <!

How can we use rails routes with angularjs in a DRY way? - Tech Forum Network Home » TechQns » How can we use rails routes with angularjs in a DRY way? First of all,I would say sorry for my broken English and the broken codes…(many words here come from google translation…so, I’m afraid that I can’t make myself clear…so, I paste all the codes…) Setting up routes in rails is really easy. But when we want to warp it into angurjs, it becomes a little bit verbose… Is there any ‘best practice’ for this kinds of job: given some rails route resources: resources :users resources :photos ... resources :topics How to do it in angular side? This is how I do (in coffee script, useing angular 1.1.4): Use a RESTful service in Rails way: Routes: The controller should be super clean and then we can focus on buisness There are 2 problems here: The first problem is that I must copy && paste the above loader code and then gsub(‘user’, ‘photo’), etc… (Just change 2 words in fact, but I hate copy && paste..) More Related Questions

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. In this post we are going to get our app setup and ready for use. This means it will allow a user to create new entries in their database, display all the entries and allow them to delete a specific entry or remove all entries. 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. We can finally see this web app taking shape.