background preloader

Beginner's Guide to Application Cache

Beginner's Guide to Application Cache
Introduction It's becoming increasingly important for web-based applications to be accessible offline. Yes, all browsers can cache pages and resources for long periods if told to do so, but the browser can kick individual items out of the cache at any point to make room for other things. HTML5 addresses some of the annoyances of being offline with the ApplicationCache interface. Using the cache interface gives your application three advantages: Offline browsing - users can navigate your full site when they're offline Speed - resources come straight from disk, no trip to the network. The Application Cache (or AppCache) allows a developer to specify which files the browser should cache and make available to offline users. The cache manifest file The cache manifest file is a simple text file that lists the resources the browser should cache for offline access. Referencing a manifest file To enable the application cache for an app, include the manifest attribute on the document's html tag:

Related:  html/css#dev

10 Awful IE Bugs and Fixes Introduction Everyone has a story to tell when dealing with Internet Explorer. As a developer I have faced numerous bizzare problems with IE and sometimes you just want to bang your head against the wall! However, as time goes by, we slowly learn from mistakes (well, sometimes it's not our fault, it's IE!!!) and start to adapt and understand IE's weird behaviors. We have to because there is still a considerable number of IE6 users. HTML5 A vocabulary and associated APIs for HTML and XHTML W3C Working Draft 29 March 2012 This Version: Latest Published Version: Latest Editor's Draft: Offline iPhone Web Apps One of the several features outlined in the HTML 5 specification is the support for Web applications that continue to work while they are offline. This feature is very useful for Web applications because a Web application can be loaded just once and then run offline without needing a persistent Internet connection, making it behave just like a locally installed native application. Dashcode supports the manifest attribute available in the HTML 5 specifications for offline web applications. And so in this article, you will learn how to write offline iPhone Web applications using Dashcode. Enabling Offline Mode To enable your iPhone Web applications to run in offline mode, you first need to configure your project in Dashcode.

ES6 In Depth: An Introduction Welcome to ES6 In Depth! In this new weekly series, we’ll be exploring ECMAScript 6, the upcoming new edition of the JavaScript language. ES6 contains many new language features that will make JS more powerful and expressive, and we’ll visit them one by one in weeks to come.

9 Most Common IE Bugs and How to Fix Them Internet Explorer - the bane of most web developers' existence. Up to 60% of your development can be wasted just trying to squash out IE specific bugs which isn't really a productive use of your time. In this tutorial, you are going to learn about the most common IE bugs and rendering disparities and how to easily squash them or deal with them. Interested? Let's get started. 1. Using OAuth 2.0 to Access Google APIs - Google Accounts Authentication and Authorization Basic steps All applications follow a basic pattern when accessing a Google API using OAuth 2.0. At a high level, you follow four steps: 1.

A Bullet-Proof Content Viewer In this tutorial, we're going to look at how we can easily create an attractive and space-saving content viewer which even works with JavaScript disabled. We'll build a solid core of semantic HTML, styled with some basic CSS and we'll then use jQuery to add further enhancements in the form of transition animations. The following screenshot shows what we'll end up with by the end of the tutorial:

Introduction to PhoneGap Development PhoneGap is an open source framework for building cross-platform mobile applications with HTML, CSS, and JavaScript. This is an ideal solution for web developers interested in mobile development as it allows them to leverage existing skills rather than start form scratch with a device-specific compiled language. This is also an ideal solution for those interested in creating an application that can run on multiple devices with the same code base.

Nesting Components ..or the struggles with contextual styling. — Using CSS components is somewhat straightforward. We add the markup and give it the component’s class name and all is good. Where it gets trickier is when we try to nest components. And when they need to be tweaked based on the context.