background preloader

A Beginner's Guide to Using the Application Cache

A Beginner's Guide to Using the 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

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. Using Dashcode, create a new Custom project, save it and name it as OfflineApp. Click on the Application Attributes tab and check the "Allow offline viewing of this web application" option (see Figure 1). Figure 1.Enabling your application to run in offline mode Figure 2.

Dive Into HTML5 The Easiest Way to Build your First iPhone App Mobile websites have come a long way, but if you want to take full advantage of a smartphone's hardware, or get listed in the iTunes App Store, you need to compile your code. In this tutorial, we'll show you how to create a mobile web app with an iPhone look and feel using jQTouch, then turn it into a native iPhone app using Phonegap. No Objective-C necessary. Tutorial Details Program: PhonegapVersion: 0.80Difficulty: IntermediateEstimated Completion Time: 1 hour Requirements To complete this tutorial, you'll need the following: Mac OS XXCode (included with Mac OS X, but installed separately)iPhone SDK (registration required)PhoneGap 0.80 Introduction to PhoneGap PhoneGap is an open-source framework that can turn any web app into a native app for iPhone, BlackBerry and Android. Included in the PhoneGap distribution is everything you need to build and run an iPhone app. Building and Running an iPhone App First, open up the iPhone folder, and double-click on PhoneGap.xcodeproj: That's it!

Type Rendering CROSS BROWSER CSS ISSUE | Coding issue fixing techniques & tools | ITC | technology Information blog Now days we are facing the cross browsing issue while we coding the new site layout because we have various range of browsers & all have their own behavior with CSS , So i plan to share different techniques to fix this issue. Part 1 – Techniques Of course, efficient crossbrowser CSS development starts with techniques and good practices. In the first part of the article, I’ll show you X techniques that will make your crossbrowser development easier. Reset CSS Due to the fact web browsers define different default styling for html elements, the first thing to do is to always include a CSS reset in your stylesheet. Internet Explorer conditionnal comments Let’s face it: Internet Explorer, especially the dinosaur IE6, is the front-end developer nightmare. You can also target only a certain version of IE: Also use universal CSS for IE6 Download Here Internet Explorer hacks While conditionnal comments are better, you can also target some versions of Internet Explorer using the following syntax:

Appcache Facts Getting Started Most webmasters are familiar with HTML tags on their pages. Usually, HTML tags tell the browser how to display the information included in the tag. For example, <h1>Avatar</h1> tells the browser to display the text string "Avatar" in a heading 1 format. However, the HTML tag doesn't give any information about what that text string means—"Avatar" could refer to the hugely successful 3D movie, or it could refer to a type of profile picture—and this can make it more difficult for search engines to intelligently display relevant content to a user. Schema.org provides a collection of shared vocabularies webmasters can use to mark up their pages in ways that can be understood by the major search engines: Google, Microsoft, Yandex and Yahoo! 1. 1a. Your web pages have an underlying meaning that people understand when they read the web pages. 1b. itemscope and itemtype Let's start with a concrete example. To begin, identify the section of the page that is "about" the movie Avatar. Back to top 1d.

How to test / simulate the ipa-download after PhoneGap-build and before uploading to the Appstore I didn't have to drag the provisioning file into iTunes, just the IPA in two steps (on Windows 7 64bit): 1) Before Build: Make sure your iPhone's UDID is included in the provisioning profile by defining it in your apple developer profile for the app. To obtain the UDID: In iTunes, select your device in the ‘Devices’ section and navigate to the Summary tab. 2) After build & IPA download: Go to "Apps" Tab for your iPhone in iTunes 3) Check the "Sync Apps" box to allow editing of the left pane 4) Drag & drop your downloaded IPA to the left 5) Once it's there, drag it onto one of your iPhone pages on the right 6) Click "Apply" I had to add the IPA to the left pane first and then drag it to the right, I couldn't drop it directly onto the right pane.

HTML5 Please

Related:  Sort - Web/Etc