| function scrollToReveal(selector) { | |
| MINIMUM = 50 | |
| function scrollTowards(edge) { | |
| var distance = distanceTo(edge, selector) | |
| if (distance > MINIMUM) { return } | |
| var offset = distance - MINIMUM | |
| var direction = directionTowards(edge) | |
| var newPosition = $('body').scrollTop() - direction * offset |
The ambition of software development is to create a story that can be easily understood by both a person and a computer. Why not go all in and just write documents that can be read by both beast and machine? Donald Knuth calls this "Literate Programming".
I'm going to try to figure out how Literate Programming might work for web apps by making a web app for writing narrative web apps called Narrator. Here we go!
| App = Ember.Application.create(); | |
| App.Router.map(function() { | |
| this.route('producer', {path: '/producer'}); | |
| }); | |
| App.ProducerTileView = Ember.View.extend({ | |
| classNameBindings: ['selected'], | |
| click: function() { |
| <html> | |
| <head> | |
| <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> | |
| <style> | |
| .slides { | |
| overflow: hidden; | |
| white-space: nowrap; | |
| } |
| def translate(english) | |
| english.gsub(/[A-Za-z]+/) do |word| | |
| translate_word(word) | |
| end | |
| end | |
| def translate_word(english) | |
| first = english[0] | |
| remainder = english[1, english.length] | |
| pig = remainder + first.downcase + 'ay' |
| # These are the coefficients that R gives me from my logistic regression: | |
| intercept = 0.2700309 | |
| coefficients = { | |
| high: 1.0136028, | |
| low: 1.0016712, | |
| germ_mean: 1.0233327, | |
| gdds: 0.9990283, | |
| early_gdds: 0.9986464, | |
| mid_gdds: 1.0002979, |
| E|--7--5--5--7--5-- | |
| B|--8--0--5--5--5-- | |
| G|--0--7--5-------- | |
| D|----------------- | |
| A|----------------- | |
| E|----------------- | |
| GBEB GBEB GBEB EB EB |
| www.livefyre.com |
| javascript:if(document.getSelection){s=document.getSelection();}else{s='';};document.location='https://pinboard.in/add?next=same&url='+encodeURIComponent(location.href)+'&description='+encodeURIComponent(s)+'&title='+encodeURIComponent(document.title) |
| grab = function(regex) { return $(".error h2 a").filter(function(i,a) { return $(a).attr("title").match(regex)}) } | |
| cb = function(regex) { return grab(regex).parent().parent().parent().find("input[type=checkbox]")} | |
| ids = function(regex) { return grab(regex).map(function(i,a) { return $(a).attr('href').split('/')[2]}).toArray().join(',') } | |
| // This will load all of your items onto the page: | |
| timer = setInterval(function() { $("#more-link-technology").trigger("more-me") }, 500) | |
| // Wait for the last page (if you have 1000 exceptions, the last page will be around 100). | |
| // Put a breakpoint at javascripts/application.js:911 at the $.post |