Index: src/site/samples/appcache/index.markdown |
diff --git a/src/site/samples/appcache/index.markdown b/src/site/samples/appcache/index.markdown |
new file mode 100644 |
index 0000000000000000000000000000000000000000..8d30ff3a8130f51effff01b6a855bd1be64d0a13 |
--- /dev/null |
+++ b/src/site/samples/appcache/index.markdown |
@@ -0,0 +1,41 @@ |
+--- |
Kathy Walrath
2013/10/23 15:41:05
I don't see this in the sample index. Are you addi
shailentuli
2013/10/23 17:36:57
Yes. Phased release.
shailentuli
2013/10/23 17:36:57
Done.
|
+layout: default |
+title: Using Application Cache |
+live_example_url: example/index.html |
+ |
+header: |
+ css: ["/samples/samples.css"] |
+--- |
+ |
+## {{ page.title }} |
+ |
+A simple example to show the use of the Application Cache interface. |
+ |
+For a thorough exploration of this topic, read |
+[A Beginner's Guide to Using the Application |
+Cache](http://www.html5rocks.com/en/tutorials/appcache/beginner/), |
+an article by Eric Bidelman originally published on HTML5Rocks. |
+ |
+Application Cache allows you to specify which files the browser should cache |
+and make available to offline users. Your app will |
+load and work correctly, even if the user presses the refresh button while |
+offline. |
+ |
+You can open the example in Dart Editor and run it by clicking `index.html`. |
+Or, you can try this |
+[live demo](http://www.dartlang.org/samples/appcache/). |
+ |
+To see this example in action, make changes to `index.html` and then reload |
+the app. Your changes don't show up because the browser displays a cached |
+version of `index.html`. Next, change the date or version number in |
+appcache.mf, and reload once more. You'll be prompted to load the new version. |
+ |
+Read the |
+[source](https://github.com/dart-lang/dart-samples/tree/master/web/html5/appcache/beginner). |
+ |
+<iframe class="running-app-frame" |
+ style="height:500px;width:100%;" |
+ src="{{page.live_example_url}}"> |
+</iframe> |
+ |
+See all [samples](/samples/). |