Transition the background color of the page every 500ms using minimal css and javascript.
A Pen by Chris Mytton on CodePen.
| #!/usr/bin/env ruby | |
| require 'date' | |
| require 'kramdown' | |
| require 'erb' | |
| abort "Usage: #$0 <posts_path>" if ARGV.empty? | |
| Post = Struct.new(:path) do | |
| def title | |
| Date.strptime(File.basename(path, '.md'), '%Y-%m-%d').strftime('%d %B %Y') |
Transition the background color of the page every 500ms using minimal css and javascript.
A Pen by Chris Mytton on CodePen.
| % heroku create | |
| Creating frightful-flesh-4163... done, stack is cedar | |
| http://frightful-flesh-4163.herokuapp.com/ | git@heroku.com:frightful-flesh-4163.git | |
| Git remote heroku added | |
| % |
| for file in app/views/**/*.text.erb; do | |
| echo && echo "# `basename $file`" && echo && cat "$file" | sed 's/^/ /' | |
| done | redcarpet --parse-no_intra_emphasis |
Inspired by Literate CoffeeScript.
$ cat hello.rb.md
Here's a simple program
puts "Hello, world"
$ ruby litrb.rb < hello.rb.md
Hello, world
| require 'open-uri' | |
| require 'json' | |
| user, list = ARGV[0].split('/') | |
| abort "Usage: #$0 user/list" unless user && list | |
| response = open("https://api.twitter.com/1/lists/members.json?slug=#{list}&owner_screen_name=#{user}&cursor=-1") | |
| puts JSON.parse(response.read)['users'].map { |u| u['screen_name'] } |
| require 'socket' | |
| require 'logger' | |
| class MailServer | |
| def initialize(port) | |
| @sockets = Socket.tcp_server_sockets(port) | |
| end | |
| def start | |
| Socket.accept_loop(@sockets) do |connection| |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <title>Filesystem test</title> | |
| </head> | |
| <body> | |
| <script> | |
| function handleError(error) { | |
| console.warn("An error occurred", error) | |
| } |
| App.ProgressBar = Ember.View.extend | |
| classNames: ['progress'] | |
| template: -> '<div class="bar"></div>' | |
| percent: 0 | |
| percentDidChange: (-> | |
| percent = @get 'percent' || 0 | |
| @$('.bar').css 'width', percent + '%' | |
| ).observes('percent') |
| # Usage: find-replace <search> <replacement> | |
| find-replace () { | |
| ag -l $1 | xargs sed -i '' -e "s/$1/$2/g" | |
| } |