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#dev

Dive Into HTML5 Type Rendering 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: Previous Versions: Editor: Ian Hickson , Google, Inc. This specification is available in the following formats: single page HTML , multipage HTML , web developer edition . Copyright © 2012 W3C ® ( MIT , ERCIM , Keio ), All Rights Reserved. Abstract 1 Introduction 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. 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.

HTML5 Please 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. Visit the Google Developers Console to obtain OAuth 2.0 credentials such as a client ID and client secret that are known to both Google and your application. 2. Before your application can access private data using a Google API, it must obtain an access token that grants access to that API. There are several ways to make this request, and they vary based on the type of application you are building. Some requests require an authentication step where the user logs in with their Google account. user consent If the user grants the permission, the Google Authorization Server sends your application an access token (or an authorization code that your application can use to obtain an access token). It is generally a best practice to request scopes incrementally, at the time access is required, rather than up front. 3. 4. Access tokens have limited lifetimes.

How to Add Google Author Tags to Your Blog for Improved Search Results Does Google know you’re the author of the content you publish online? If you answered “I don’t know,” chances are you haven’t heard of a very powerful piece of HTML markup code known as rel=”author”. When implemented correctly on websites or blogs with authored content, this small addition to your articles can have a dramatic impact on how your content appears in Google’s search results. This article will explain exactly what rel=”author” is, why you need to pay attention to it and most importantly, how to set it up on your website or blog. What is rel=”author”? Most of us are familiar with the HTML anchor tag as a way to link out to content as seen in this image: Standard anchor tag linking to Google+ account. In that traditional format, the “href” part of the markup is called an attribute of the anchor tag that references the location of the content being linked to. Now, if we add the attribute rel=”author” to the anchor tag, the link looks like this: How to Implement rel=”author”

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. There are a lot of campaigns out there to protest against IE6. Right, Back to reality, I have listed all the problems that I have encountered before into a list for future reference. 1. Just before I wrote this article, I encountered this bug. There are quite a lot of solutions for it, but none of them work to me (I can't use some of the methods because of the complexity of the website.), so I used a really hacky method. However, from a website called Hippy Tech Blog I found online. 2. I faced this problem a lot of times when preparing a jQuery tutorial, because I used overflow hidden a lot to make the desired layout. 3. 4. 5.

APIs Console Help The Google APIs Console is a web interface for managing and viewing traffic data, authentication, and billing information for the Google APIs that are used by your project. In the APIs Console, a project is a named collection of information about your application: auth information, team members' email addresses, the Google APIs that your application uses, and so on. The Console lets you see and manage the following project information: Activated APIs Activate one or more APIs to enable traffic monitoring, filtering, and billing, and API-specific pages for your project. Traffic information The Console reports traffic information for each activated API. Billing information After you enable billing, your activated APIs are allowed to exceed the courtesy usage limit. Project keys Each project is identified by either an API key or an OAuth 2.0 token. Team members You can specify additional members with read, write, or ownership access to this project's Console page. Topics Managing Projects Billing