Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Added knitting script.

  • Loading branch information...
commit 74b746713f5b0f6ffd3921e08846ec2c70c25c7f 1 parent 5b3e586
@toolness authored
Showing with 41 additions and 12 deletions.
  1. +7 −2 static-files/index.html
  2. +34 −10 static-files/script.html
View
9 static-files/index.html
@@ -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
44 static-files/script.html
@@ -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.
Please sign in to comment.
Something went wrong with that request. Please try again.