Permalink
Browse files

Added knitting script.

  • Loading branch information...
1 parent 5b3e586 commit 74b746713f5b0f6ffd3921e08846ec2c70c25c7f @toolness committed Jan 7, 2012
Showing with 41 additions and 12 deletions.
  1. +7 −2 static-files/index.html
  2. +34 −10 static-files/script.html
View
@@ -1,6 +1,6 @@
<!DOCTYPE html>
<meta charset="utf-8">
-<title>Modern vs. Postmodern</title>
+<title>Webmaking For Knitters</title>
<style>
#content {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -12,6 +12,9 @@
position: relative;
width: 100%;
height: 430px;
+ overflow: hidden;
+ background: black;
+ text-align: center;
}
#visual {
@@ -70,7 +73,9 @@
</audio>
<div id="subtitle-toggle">Show subtitles</div>
<div id="credits">
- This mini-presentation is based on writing by <a href="http://blog.ianbicking.org/">Ian Bicking</a>.
+ <p>This <a href="https://github.com/toolness/quickpreso#readme">quickpreso</a> is a response by <a href="http://toolness.com/">Atul</a> to two questions posed by <a href="http://commonspace.wordpress.com/">Mark Surman</a>:</p>
+ <p><em>What sort of web makers do you most want us to work with next year? <br>How would these people use the products and programs we're building?</em></p>
+ <p>Atul didn't really answer the second question, though.</p>
</div>
</div>
<script src="jquery.min.js"></script>
View
@@ -1,19 +1,43 @@
-<h1>Modern</h1>
+<a href="http://en.wikipedia.org/wiki/Knit"><img src="http://upload.wikimedia.org/wikipedia/commons/4/4c/Knitting_red_courses_stockinette_garter.png"></a>
-Modern is tight, highly engineered, exacting, not forgiving when integrating external ideas or modification.
+When Atul first started knitting, everything looked like gobbledygook.
-<a href="http://www.flickr.com/photos/sucello/5913895370/"><img src="http://farm7.static.flickr.com/6037/5913895370_04e7de3293_z.jpg"></a>
+<a href="http://en.wikipedia.org/wiki/Knit"><img src="http://upload.wikimedia.org/wikipedia/commons/5/5a/Knit-schematic.png"></a>
-Consumer electronics are very modern. You don't go futzing with them, adding circuits or opening things up. You use the ports you are given.
+Over time he learned how threads wove into a fabric.
-<h1>Postmodern</h1>
+<a href="http://en.wikipedia.org/wiki/Crochet"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Crohook.jpg/429px-Crohook.jpg"></a>
-Postmodern systems are organic, and involve multiple people who don't necessarily share a vision or even think highly of each other.
+A teacher showed him how to hack and debug his knits with a crochet hook if he missed a stitch.
-<a href="http://www.flickr.com/photos/jeremyashaw/4556194846/"><img src="http://farm5.static.flickr.com/4063/4556194846_a954c5d80d_z.jpg"></a>
+<a href="http://www.flickr.com/photos/toolness/5357843768"><img src="http://farm6.staticflickr.com/5283/5357843768_a791a9be8e_z.jpg"></a>
-Road transportation is postmodern compared to rail; all you need is a thing with wheels, and a willingness to obey the rules...
+And he was able to start crafting his own things.
-<a href="http://twentytwowords.com/2011/09/15/the-8-amish-men-jailed-for-not-putting-orange-safety-triangles-on-their-buggies/"><img src="http://boingboing.net/wp-content/uploads/2011/09/images201109151206.jpg"></a>
+<a href="http://codebabies.com/"><img src="http://codebabies.com/wp-content/uploads/2011/08/CLAY85941-1024x648.jpg" width="640"></a>
-And even then you can put an orange triangle on your wheeled thingy and start breaking the normal rules.
+Knitting is a bit like coding.
+
+<a href="http://www.flickr.com/photos/usdagov/5681153620/"><img src="http://farm6.staticflickr.com/5222/5681153620_c4f1cd2d25_z.jpg"></a>
+
+Everything looks like an incoherent jumble at first.
+
+<a href="http://www.flickr.com/photos/toolness/5730678656"><img src="http://farm3.staticflickr.com/2129/5730678656_196dfeabcc_z.jpg"></a>
+
+But soon you perceive the connections between things.
+
+<a href="http://www.flickr.com/photos/toolness/5730678656"><img src="http://farm3.staticflickr.com/2129/5730678656_196dfeabcc_z.jpg"></a>
+
+And understand how individual parts come together to form a cool thing.
+
+<a href="http://www.flickr.com/photos/elitatt/4338075247"><img src="http://farm5.staticflickr.com/4001/4338075247_224855d798_z.jpg"></a>
+
+But knitting is also a bit more tangible than coding.
+
+<img src="http://labs.toolness.com/temp/debugger.png">
+
+It's harder to trace a program's path through code than it is to trace a thread of yarn through a knit.
+
+<a href="http://toolness.github.com/descrambler-games/css2/"><img src="http://labs.toolness.com/temp/selector-diagram.png"></a>
+
+We should build tools that make it easier to understand the connections between different parts of code, so that knitters can be webmakers too.

0 comments on commit 74b7467

Please sign in to comment.