All

borismus · Feb 22, 2013 · e331651 · e331651
1 parent 4acd954
commit e331651
Show file tree

Hide file tree

Showing 238 changed files with 122 additions and 240 deletions.
diff --git a/Makefile b/Makefile
diff --git a/README.md b/README.md
diff --git a/active/index.html b/active/index.html
diff --git a/browser-ninja/README b/browser-ninja/README
diff --git a/browser-ninja/harmony/README.md b/browser-ninja/harmony/README.md
diff --git a/browser-ninja/harmony/src/index.html b/browser-ninja/harmony/src/index.html
diff --git a/browser-ninja/harmony/src/js/brushes/chrome.js b/browser-ninja/harmony/src/js/brushes/chrome.js
diff --git a/browser-ninja/harmony/src/js/brushes/circles.js b/browser-ninja/harmony/src/js/brushes/circles.js
diff --git a/browser-ninja/harmony/src/js/brushes/fur.js b/browser-ninja/harmony/src/js/brushes/fur.js
diff --git a/browser-ninja/harmony/src/js/brushes/grid.js b/browser-ninja/harmony/src/js/brushes/grid.js
diff --git a/browser-ninja/harmony/src/js/brushes/longfur.js b/browser-ninja/harmony/src/js/brushes/longfur.js
diff --git a/browser-ninja/harmony/src/js/brushes/ribbon.js b/browser-ninja/harmony/src/js/brushes/ribbon.js
diff --git a/browser-ninja/harmony/src/js/brushes/shaded.js b/browser-ninja/harmony/src/js/brushes/shaded.js
diff --git a/browser-ninja/harmony/src/js/brushes/simple.js b/browser-ninja/harmony/src/js/brushes/simple.js
diff --git a/browser-ninja/harmony/src/js/brushes/sketchy.js b/browser-ninja/harmony/src/js/brushes/sketchy.js
diff --git a/browser-ninja/harmony/src/js/brushes/squares.js b/browser-ninja/harmony/src/js/brushes/squares.js
diff --git a/browser-ninja/harmony/src/js/brushes/web.js b/browser-ninja/harmony/src/js/brushes/web.js
diff --git a/browser-ninja/harmony/src/js/dollar.js b/browser-ninja/harmony/src/js/dollar.js
diff --git a/browser-ninja/harmony/src/js/harmony.js b/browser-ninja/harmony/src/js/harmony.js
diff --git a/browser-ninja/harmony/src/js/jquery-harmony.js b/browser-ninja/harmony/src/js/jquery-harmony.js
diff --git a/browser-ninja/images/blink.gif b/browser-ninja/images/blink.gif
diff --git a/browser-ninja/images/blink.png b/browser-ninja/images/blink.png
diff --git a/browser-ninja/images/browser_logos-128.png b/browser-ninja/images/browser_logos-128.png
diff --git a/browser-ninja/images/chrome.png b/browser-ninja/images/chrome.png
diff --git a/browser-ninja/images/firefox.png b/browser-ninja/images/firefox.png
diff --git a/browser-ninja/images/html5.png b/browser-ninja/images/html5.png
diff --git a/browser-ninja/images/ie.png b/browser-ninja/images/ie.png
diff --git a/browser-ninja/images/opera.png b/browser-ninja/images/opera.png
diff --git a/browser-ninja/images/safari.png b/browser-ninja/images/safari.png
diff --git a/browser-ninja/images/splat.png b/browser-ninja/images/splat.png
diff --git a/browser-ninja/index.html b/browser-ninja/index.html
diff --git a/browser-ninja/jquery.min.js b/browser-ninja/jquery.min.js
diff --git a/browser-ninja/magictouch.js b/browser-ninja/magictouch.js
diff --git a/camera.html b/camera.html
diff --git a/canvas/slow-resize.html b/canvas/slow-resize.html
diff --git a/compass.html b/compass.html
diff --git a/css-regions/LICENSE.txt b/css-regions/LICENSE.txt
diff --git a/css-regions/README.txt b/css-regions/README.txt
diff --git a/css-regions/simple_content-order.html b/css-regions/simple_content-order.html
diff --git a/css-regions/simple_multiple_threads.html b/css-regions/simple_multiple_threads.html
diff --git a/css-regions/simple_single_thread.html b/css-regions/simple_single_thread.html
diff --git a/css3d/city/front1.jpg b/css3d/city/front1.jpg
diff --git a/css3d/city/front2.jpg b/css3d/city/front2.jpg
diff --git a/css3d/city/front3.jpg b/css3d/city/front3.jpg
diff --git a/css3d/city/front4.jpg b/css3d/city/front4.jpg
diff --git a/css3d/city/index.html b/css3d/city/index.html
diff --git a/css3d/city/roof1.jpg b/css3d/city/roof1.jpg
diff --git a/css3d/cubes/index.html b/css3d/cubes/index.html
diff --git a/custom-events/index.html b/custom-events/index.html
diff --git a/detect/feature/index.html b/detect/feature/index.html
diff --git a/detect/feature/modernizr.js b/detect/feature/modernizr.js
diff --git a/detect/sample-load/common/app.js b/detect/sample-load/common/app.js
diff --git a/detect/sample-load/common/detect.js b/detect/sample-load/common/detect.js
diff --git a/detect/sample-load/common/libs/ember-0.9.5.min.js b/detect/sample-load/common/libs/ember-0.9.5.min.js
diff --git a/detect/sample-load/common/libs/jquery.min.js b/detect/sample-load/common/libs/jquery.min.js
diff --git a/detect/sample-load/common/libs/modernizr.js b/detect/sample-load/common/libs/modernizr.js
diff --git a/detect/sample-load/desktop/style.css b/detect/sample-load/desktop/style.css
diff --git a/detect/sample-load/desktop/template.hjs b/detect/sample-load/desktop/template.hjs
diff --git a/detect/sample-load/desktop/view.js b/detect/sample-load/desktop/view.js
diff --git a/detect/sample-load/index.html b/detect/sample-load/index.html
diff --git a/detect/sample-load/phone/style.css b/detect/sample-load/phone/style.css
diff --git a/detect/sample-load/phone/template.hjs b/detect/sample-load/phone/template.hjs
diff --git a/detect/sample-load/phone/view.js b/detect/sample-load/phone/view.js
diff --git a/detect/sample-load/tablet/style.css b/detect/sample-load/tablet/style.css
diff --git a/detect/sample-load/tablet/template.hjs b/detect/sample-load/tablet/template.hjs
diff --git a/detect/sample-load/tablet/view.js b/detect/sample-load/tablet/view.js
diff --git a/detect/sample-load/todos.css b/detect/sample-load/todos.css
diff --git a/detect/sample-redir/bootstrap/css/bootstrap-responsive.css b/detect/sample-redir/bootstrap/css/bootstrap-responsive.css
diff --git a/detect/sample-redir/bootstrap/css/bootstrap-responsive.min.css b/detect/sample-redir/bootstrap/css/bootstrap-responsive.min.css
diff --git a/detect/sample-redir/bootstrap/css/bootstrap.css b/detect/sample-redir/bootstrap/css/bootstrap.css
diff --git a/detect/sample-redir/bootstrap/css/bootstrap.min.css b/detect/sample-redir/bootstrap/css/bootstrap.min.css
diff --git a/detect/sample-redir/bootstrap/img/glyphicons-halflings-white.png b/detect/sample-redir/bootstrap/img/glyphicons-halflings-white.png
diff --git a/detect/sample-redir/bootstrap/img/glyphicons-halflings.png b/detect/sample-redir/bootstrap/img/glyphicons-halflings.png
diff --git a/detect/sample-redir/bootstrap/js/bootstrap.js b/detect/sample-redir/bootstrap/js/bootstrap.js
diff --git a/detect/sample-redir/bootstrap/js/bootstrap.min.js b/detect/sample-redir/bootstrap/js/bootstrap.min.js
diff --git a/detect/sample-redir/desktop.html b/detect/sample-redir/desktop.html
diff --git a/detect/sample-redir/index.html b/detect/sample-redir/index.html
diff --git a/detect/sample-redir/js/detect.js b/detect/sample-redir/js/detect.js
diff --git a/detect/sample-redir/js/libs/matchMedia.js b/detect/sample-redir/js/libs/matchMedia.js
diff --git a/detect/sample-redir/js/libs/modernizr.js b/detect/sample-redir/js/libs/modernizr.js
diff --git a/detect/sample-redir/phone.html b/detect/sample-redir/phone.html
diff --git a/detect/sample-redir/tablet.html b/detect/sample-redir/tablet.html
diff --git a/detect/ua/index.html b/detect/ua/index.html
diff --git a/dpi/44px.html b/dpi/44px.html
diff --git a/dpi/controls.html b/dpi/controls.html
diff --git a/dpi/dpr.html b/dpi/dpr.html
diff --git a/dpi/img/cloud.svg b/dpi/img/cloud.svg
diff --git a/dpi/img/plus.svg b/dpi/img/plus.svg
diff --git a/dpi/img/search.svg b/dpi/img/search.svg
diff --git a/dpi/img/shuffle.svg b/dpi/img/shuffle.svg
diff --git a/dpi/img/simple.svg b/dpi/img/simple.svg
diff --git a/dpi/inch.html b/dpi/inch.html
diff --git a/dpi/physical.js b/dpi/physical.js
diff --git a/dpi/sample.html b/dpi/sample.html
diff --git a/dpi/unit-converter.js b/dpi/unit-converter.js
diff --git a/event-vs-callback/README.md b/event-vs-callback/README.md
diff --git a/event-vs-callback/event.html b/event-vs-callback/event.html
diff --git a/event-vs-callback/function.html b/event-vs-callback/function.html
diff --git a/flexbox/v2/index.html b/flexbox/v2/index.html
diff --git a/flip-3d/README.md b/flip-3d/README.md
diff --git a/flip-3d/index.html b/flip-3d/index.html
diff --git a/flip-3d/res/authors/hn.png b/flip-3d/res/authors/hn.png
diff --git a/flip-3d/res/authors/neave.png b/flip-3d/res/authors/neave.png
diff --git a/flip-3d/res/authors/other.png b/flip-3d/res/authors/other.png
diff --git a/flip-3d/res/star.png b/flip-3d/res/star.png
diff --git a/flip-3d/reset.css b/flip-3d/reset.css
diff --git a/flip/README.md b/flip/README.md
diff --git a/flip/index.html b/flip/index.html
diff --git a/flip/res/authors/hn.png b/flip/res/authors/hn.png
diff --git a/flip/res/authors/neave.png b/flip/res/authors/neave.png
diff --git a/flip/res/authors/other.png b/flip/res/authors/other.png
diff --git a/flip/res/star.png b/flip/res/star.png
diff --git a/flip/reset.css b/flip/reset.css
diff --git a/gestures/README.md b/gestures/README.md
diff --git a/gestures/es5-shim.min.js b/gestures/es5-shim.min.js
diff --git a/gestures/transform-test.js b/gestures/transform-test.js
diff --git a/gestures/transform.html b/gestures/transform.html
diff --git a/gestures/transform.js b/gestures/transform.js
diff --git a/image-set/.DS_Store b/image-set/.DS_Store
diff --git a/image-set/as-content.html b/image-set/as-content.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset=utf-8 />
+    <title>Test</title>
+    <style>
+      #content-image:before {
+        content: url(icon1x.jpg);
+        content: -webkit-image-set(url(icon1x.jpg) 1x, url(icon2x.jpg) 2x);
+      }
+    </style>
+  </head>
+  <body>
+    <div id="content-image"></div>
+  </body>
+</html>
+
diff --git a/image-set/icon1x.jpg b/image-set/icon1x.jpg
diff --git a/image-set/icon2x.jpg b/image-set/icon2x.jpg
diff --git a/image-set/index.html b/image-set/index.html
@@ -0,0 +1,12 @@
+<style>
+  #test {
+    width: 200px;
+    height: 200px;
+    background-image: url(icon1x.jpg);
+    background-image:  -webkit-image-set(
+        url(icon1x.jpg) 1x,
+        url(icon2x.jpg) 2x);
+  }
+</style>
+
+<div id="test"></div>
diff --git a/image-set/set/.DS_Store b/image-set/set/.DS_Store
diff --git a/progretina/omf/original.jpg → image-set/set/.ls b/progretina/omf/original.jpg → image-set/set/.ls
diff --git a/image-set/set/bin/process_images.sh b/image-set/set/bin/process_images.sh
@@ -0,0 +1,28 @@
+#!/usr/bin/env bash
+QUAL_HI=90
+QUAL_MID=50
+QUAL_LOW=20
+ORIG=hq2x.jpg
+
+
+# Create 2x version.
+convert original.jpg -quality $QUAL_HI hq2x.jpg
+# Create 1x version.
+convert hq2x.jpg -resize 50% hq1x.jpg
+# Create compressed versions.
+convert hq2x.jpg -quality $QUAL_MID lq2x.jpg
+convert hq1x.jpg -quality $QUAL_MID lq1x.jpg
+# Create very compressed versions.
+convert hq2x.jpg -quality $QUAL_LOW ulq2x.jpg
+convert hq1x.jpg -quality $QUAL_LOW ulq1x.jpg
+# Crop everything into little samples for clarity.
+for img in *1x.jpg
+do
+  convert $img -crop 160x120+0+0 preview/$img;
+done
+for img in *2x.jpg
+do
+  convert $img -crop 320x240+0+0 preview/$img;
+done
+# Tile into a preview.
+montage -pointsize 20 -label '%f, %b -- quality: %Q' preview/*1x.jpg preview/*2x.jpg -shadow -border 5 -geometry 320x240+5+5 preview/tile.jpg
diff --git a/image-set/set/hq1x.jpg b/image-set/set/hq1x.jpg
diff --git a/image-set/set/hq2x.jpg b/image-set/set/hq2x.jpg
diff --git a/image-set/set/lq1x.jpg b/image-set/set/lq1x.jpg
diff --git a/image-set/set/lq2x.jpg b/image-set/set/lq2x.jpg
diff --git a/image-set/set/original.jpg b/image-set/set/original.jpg
diff --git a/image-set/set/preview/.DS_Store b/image-set/set/preview/.DS_Store
diff --git a/image-set/set/preview/hq1x.jpg b/image-set/set/preview/hq1x.jpg
diff --git a/image-set/set/preview/hq2x.jpg b/image-set/set/preview/hq2x.jpg
diff --git a/image-set/set/preview/lq1x.jpg b/image-set/set/preview/lq1x.jpg
diff --git a/image-set/set/preview/lq2x.jpg b/image-set/set/preview/lq2x.jpg
diff --git a/image-set/set/preview/ulq1x.jpg b/image-set/set/preview/ulq1x.jpg
diff --git a/image-set/set/preview/ulq2x.jpg b/image-set/set/preview/ulq2x.jpg
diff --git a/image-set/set/ulq1x.jpg b/image-set/set/ulq1x.jpg
diff --git a/image-set/set/ulq2x.jpg b/image-set/set/ulq2x.jpg
diff --git a/image-set/tile1.jpg b/image-set/tile1.jpg
diff --git a/image-set/tile2.jpg b/image-set/tile2.jpg
diff --git a/image-set/tile3.jpg b/image-set/tile3.jpg
diff --git a/input/index.html b/input/index.html
diff --git a/mq/listen.html b/mq/listen.html
diff --git a/ms-pointer/.DS_Store b/ms-pointer/.DS_Store
diff --git a/ms-pointer/FingerPainting/index.html b/ms-pointer/FingerPainting/index.html
diff --git a/ms-pointer/FingerPainting/js/CanvasDraw.js b/ms-pointer/FingerPainting/js/CanvasDraw.js
diff --git a/ms-pointer/FingerPainting/js/MultiDraw.js b/ms-pointer/FingerPainting/js/MultiDraw.js
diff --git a/ms-pointer/FingerPainting/js/PointerDraw.js b/ms-pointer/FingerPainting/js/PointerDraw.js
diff --git a/ms-pointer/FingerPainting/js/SVGDraw.js b/ms-pointer/FingerPainting/js/SVGDraw.js
diff --git a/ms-pointer/FingerPainting/js/VMLDraw.js b/ms-pointer/FingerPainting/js/VMLDraw.js
diff --git a/ms-pointer/FingerPainting/js/svgcolors.js b/ms-pointer/FingerPainting/js/svgcolors.js
diff --git a/ms-pointer/official/description/.DS_Store b/ms-pointer/official/description/.DS_Store
diff --git a/ms-pointer/test/index.html b/ms-pointer/test/index.html
diff --git a/ms-pointer/test/pointer-draw.js b/ms-pointer/test/pointer-draw.js
diff --git a/pdf.html b/pdf.html
diff --git a/progretina/.DS_Store b/progretina/.DS_Store
diff --git a/progretina/Makefile b/progretina/Makefile
diff --git a/progretina/README.md b/progretina/README.md
diff --git a/progretina/index.html b/progretina/index.html
diff --git a/progretina/main.js b/progretina/main.js
diff --git a/progretina/omf.html b/progretina/omf.html
diff --git a/progretina/omf/jpeg2000.jp2 b/progretina/omf/jpeg2000.jp2
diff --git a/progretina/omf/progressive.gif b/progretina/omf/progressive.gif
diff --git a/progretina/omf/progressive.jpg b/progretina/omf/progressive.jpg
diff --git a/progretina/omf/progressive.png b/progretina/omf/progressive.png
diff --git a/progretina/steam.html b/progretina/steam.html
diff --git a/progretina/steam/index.html b/progretina/steam/index.html
diff --git a/progretina/steam/jpeg2000.jp2 b/progretina/steam/jpeg2000.jp2
diff --git a/progretina/steam/original.jpg b/progretina/steam/original.jpg
diff --git a/progretina/steam/progressive.gif b/progretina/steam/progressive.gif
diff --git a/progretina/steam/progressive.jpg b/progretina/steam/progressive.jpg
diff --git a/progretina/steam/progressive.png b/progretina/steam/progressive.png
diff --git a/progretina/steve.html b/progretina/steve.html
diff --git a/progretina/steve/jpeg2000.jp2 b/progretina/steve/jpeg2000.jp2
diff --git a/progretina/steve/original.jpg b/progretina/steve/original.jpg
diff --git a/progretina/steve/progressive.gif b/progretina/steve/progressive.gif
diff --git a/progretina/steve/progressive.jpg b/progretina/steve/progressive.jpg
diff --git a/progretina/steve/progressive.png b/progretina/steve/progressive.png
diff --git a/progretina/style.css b/progretina/style.css
diff --git a/quota/index.html b/quota/index.html
diff --git a/quota/storage.js b/quota/storage.js
diff --git a/res/sheet.pdf b/res/sheet.pdf
diff --git a/scroll/big-pony.png b/scroll/big-pony.png
diff --git a/scroll/index.html b/scroll/index.html
@@ -6,7 +6,7 @@
     body { font-family: 'Share' }
     article {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
     section {float: left; height: 75%; width: 33%;}
-    h2 { font-size: 20px; }
+    h2 { font-size: 40px; }
     section img { width: 100%; }
     .source { position: fixed; bottom: 0px; }
   </style>
@@ -16,37 +16,30 @@
   <article>
   <section style="overflow: hidden;">
   <h2>overflow: hidden;</h2>
-Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows. Some pilots get picked and become television programs. Some don't, become nothing. She starred in one of the ones that became nothing.  
-Yeah, I like animals better than people sometimes... Especially dogs. Dogs are the best. Every time you come home, they act like they haven't seen you in a year. And the good thing about dogs... is they got different dogs for different people. Like pit bulls. The dog of dogs. Pit bull can be the right man's best friend... or the wrong man's worst enemy. You going to give me a dog for a pet, give me a pit bull. Give me... Raoul. Right, Omar? Give me Raoul.
-Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows. Some pilots get picked and become television programs. Some don't, become nothing. She starred in one of the ones that became nothing.
-Now that we know who you are, I know who I am. I'm not a mistake! It all makes sense! In a comic, you know how you can tell who the arch-villain's going to be? He's the exact opposite of the hero. And most times they're friends, like you and me! I should've known way back when... You know why, David? Because of the kids. They called me Mr Glass.
-You see? It's curious. Ted did figure it out - time travel. And when we get back, we gonna tell everyone. How it's possible, how it's done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an 'unknown entry event'? Why don't they know? If they don't know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
-Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows. Some pilots get picked and become television programs. Some don't, become nothing. She starred in one of the ones that became nothing.
-You see? It's curious. Ted did figure it out - time travel. And when we get back, we gonna tell everyone. How it's possible, how it's done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an 'unknown entry event'? Why don't they know? If they don't know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
-The lysine contingency - it's intended to prevent the spread of the animals is case they ever got off the island. Dr. Wu inserted a gene that makes a single faulty enzyme in protein metabolism. The animals can't manufacture the amino acid lysine. Unless they're continually supplied with lysine by us, they'll slip into a coma and die.
-You see? It's curious. Ted did figure it out - time travel. And when we get back, we gonna tell everyone. How it's possible, how it's done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an 'unknown entry event'? Why don't they know? If they don't know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic.
-Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
-The lysine contingency - it's intended to prevent the spread of the animals is case they ever got off the island. Dr. Wu inserted a gene that makes a single faulty enzyme in protein metabolism. The animals can't manufacture the amino acid lysine. Unless they're continually supplied with lysine by us, they'll slip into a coma and die.
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
   </section>
   <section style="overflow: auto;">
   <h2>overflow: auto;</h2>
-  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
-  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
-  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
-  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
-  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
-  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
   </section>
   <section style="overflow: auto; -webkit-overflow-scrolling: touch;">
   <h2>overflow: auto; -webkit-overflow-scrolling: touch;</h2>
-  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
-  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
-  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
-  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
-  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
-  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
+  <img src="big-pony.png"/> <img src="big-pony.png"/> <img src="big-pony.png"/>
   </section>
   </article>
   <a class="source" href="http://he4rtofcourage.deviantart.com/art/Chrome-poni-305866510">want a pony?</a>

diff --git a/scroll/index2.html b/scroll/index2.html
@@ -0,0 +1,46 @@
+<!doctype html>
+<head>
+  <title>Mobile Web Scrolling</title>
+  <link href='http://fonts.googleapis.com/css?family=Share' rel='stylesheet' type='text/css'>
+  <style>
+    body { font-family: 'Share' }
+    article {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
+    section {float: left; height: 75%; width: 33%;}
+    h2 { font-size: 40px; }
+    section img { width: 100%; }
+    .source { position: fixed; bottom: 0px; }
+  </style>
+</head>
+
+<body>
+  <article>
+  <section style="overflow: hidden;">
+  <h2>overflow: hidden;</h2>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  </section>
+  <section style="overflow: auto;">
+  <h2>overflow: auto;</h2>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  </section>
+  <section style="overflow: auto; -webkit-overflow-scrolling: touch;">
+  <h2>overflow: auto; -webkit-overflow-scrolling: touch;</h2>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  <img src="pony.png"/> <img src="pony.png"/> <img src="pony.png"/>
+  </section>
+  </article>
+  <a class="source" href="http://he4rtofcourage.deviantart.com/art/Chrome-poni-305866510">want a pony?</a>
+</body>
diff --git a/scroll/pony.png b/scroll/pony.png
diff --git a/touch-mouse/README.md b/touch-mouse/README.md
diff --git a/touch-mouse/index.html b/touch-mouse/index.html
diff --git a/transitions/README.md b/transitions/README.md
diff --git a/transitions/animate.js b/transitions/animate.js
diff --git a/transitions/earth.jpg b/transitions/earth.jpg
diff --git a/transitions/fire.jpg b/transitions/fire.jpg
diff --git a/transitions/img.png b/transitions/img.png
diff --git a/transitions/index.html b/transitions/index.html
diff --git a/transitions/jquery.min.js b/transitions/jquery.min.js
diff --git a/transitions/res/authors/hn.png b/transitions/res/authors/hn.png
diff --git a/transitions/res/authors/neave.png b/transitions/res/authors/neave.png
diff --git a/transitions/res/authors/other.png b/transitions/res/authors/other.png
diff --git a/transitions/res/star.png b/transitions/res/star.png
diff --git a/transitions/style.css b/transitions/style.css
diff --git a/transitions/wind.jpg b/transitions/wind.jpg
diff --git a/transitions2/README.md b/transitions2/README.md
diff --git a/transitions2/animate.js b/transitions2/animate.js
diff --git a/transitions2/earth.jpg b/transitions2/earth.jpg
diff --git a/transitions2/fire.jpg b/transitions2/fire.jpg
diff --git a/transitions2/img.png b/transitions2/img.png
diff --git a/transitions2/index.html b/transitions2/index.html
diff --git a/transitions2/jquery.min.js b/transitions2/jquery.min.js
diff --git a/transitions2/res/authors/hn.png b/transitions2/res/authors/hn.png
diff --git a/transitions2/res/authors/neave.png b/transitions2/res/authors/neave.png
diff --git a/transitions2/res/authors/other.png b/transitions2/res/authors/other.png
diff --git a/transitions2/res/star.png b/transitions2/res/star.png
diff --git a/transitions2/style.css b/transitions2/style.css
diff --git a/transitions2/wind.jpg b/transitions2/wind.jpg
diff --git a/viewport/100.html b/viewport/100.html
diff --git a/viewport/1000.html b/viewport/1000.html
diff --git a/viewport/1280.html b/viewport/1280.html
diff --git a/viewport/1300.html b/viewport/1300.html
diff --git a/viewport/1400.html b/viewport/1400.html
diff --git a/viewport/2000.html b/viewport/2000.html
diff --git a/viewport/320.html b/viewport/320.html
diff --git a/viewport/980.html b/viewport/980.html
diff --git a/viewport/big.html b/viewport/big.html
diff --git a/viewport/device-width.html b/viewport/device-width.html
diff --git a/viewport/fixed/1024.html b/viewport/fixed/1024.html
diff --git a/viewport/fixed/320.html b/viewport/fixed/320.html
diff --git a/viewport/fixed/640.html b/viewport/fixed/640.html
diff --git a/viewport/fixed/800.html b/viewport/fixed/800.html
diff --git a/viewport/fixed/bg.png b/viewport/fixed/bg.png
diff --git a/viewport/noscale-click-delay.html b/viewport/noscale-click-delay.html
diff --git a/viewport/noscale-just-click.html b/viewport/noscale-just-click.html
diff --git a/viewport/noscale-minmax.html b/viewport/noscale-minmax.html
diff --git a/viewport/noscale.html b/viewport/noscale.html
diff --git a/websql/index.html b/websql/index.html
diff --git a/websql/lawnchair-0.6.1.js b/websql/lawnchair-0.6.1.js
diff --git a/websql/lawnchair-adapter-webkit-sqlite-0.6.1.js b/websql/lawnchair-adapter-webkit-sqlite-0.6.1.js