At Decompress 2014 I had a play with hooking up a Leap Motion to the CSSConf Australia 2014 giraffes.
See https://www.youtube.com/watch?v=4nM3y8b_rso for a video of them in action.
toolmantim
/ Leap-Motion-Insult-Giraffe-Puppets.markdown
Created
April 13, 2014 07:07
A Pen by Tim Lucas.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| source "https://rubygems.org/" | |
| gem "rails", "~> 4.0" | |
| gem "sinatra", "~> 1.4" | |
| gem "puma" |
My 15 hack for @pasql's and @johnallsopp's Web Directions 2013 workshop exercise, implementing an animation Pasquale had mocked in After Effects.
http://webdirections.org/wds13/ http://www.pasqualedsilva.com/
toolmantim
/ host_based_tld_length.rb
Last active
November 18, 2020 17:23
Reconfigures Rails ActionDispatch's TLD handling dynamically based on the request host, so you don't have to mess with config.action_dispatch.tld_length for cross-device testing using xip.io and friends
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Reconfigures ActionDispatch's TLD handling dynamically based on the request | |
| # host, so you don't have to mess with config.action_dispatch.tld_length for | |
| # cross-device testing using xip.io and friends | |
| # | |
| # Examples: | |
| # use Rack::HostBasedTldLength, /xip\.io/, 5 | |
| class Rack::HostBasedTldLength | |
| def initialize(app, host_pattern, host_tld_length) | |
| @app = app |
toolmantim
/ Makefile
Last active
July 11, 2025 20:15
An example of using Make instead of Grunt for fast, simple and maintainable front-end asset compilation.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # A simple Makefile alternative to using Grunt for your static asset compilation | |
| # | |
| ## Usage | |
| # | |
| # $ npm install | |
| # | |
| # And then you can run various commands: | |
| # | |
| # $ make # compile files that need compiling | |
| # $ make clean all # remove target files and recompile from scratch |
toolmantim
/ sass_css_importer.rb
Last active
March 9, 2016 20:03
A SASS extension which allows you to import CSS files just as you do SCSS and SASS files. Super handy for bower and related tools.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| require 'sass/importers' | |
| # = SASS CSS Importer | |
| # | |
| # This overrides the Filesystem importer, which is used by Sass to @import | |
| # .sass and .scss files from the filesystem, to include .css files as well. | |
| # | |
| # Once require'd, you can import a "some-stylesheet.css" file by simply doing: | |
| # | |
| # @import "some-stylesheet"; |
toolmantim
/ pinjs.js
Created
May 13, 2013 12:34
First cut at a Pin Payments Javascript API loader for require.js
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| define(function() { | |
| /* | |
| Require.js loader plugin for the Pin Payments Javascript API | |
| Firstly, ensure that your <html> element has the following attributes set: | |
| data-pin-api - either "test" or "live" | |
| data-pin-publishable-key - your Pin publishable API key |
toolmantim
/ Gruntfile.js
Created
May 12, 2013 00:18
If you're using SASS, Grunt and Bower you may wonder "How do I @import the CSS file from a bower component I just installed?" Well I'm afraid you're asking the wrong question—@import is really only designed to import SCSS files (for now). But there is hope! grunt-contrib-sass also supports concatenation, and to use it simply include the CSS file…
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = function(grunt) { | |
| grunt.initConfig({ | |
| // ... | |
| sass: { | |
| styles: { | |
| files: { | |
| 'sass/styles.css': [ | |
| 'components/normalize-css/normalize.css', |
Using the OpsWorks dashboard after it's been left for a day:
to which I say:
and then proceed to:
toolmantim
/ Opsworks Overview.markdown
Last active
August 2, 2017 12:35
After messing with OpsWorks for a few days I thought I'd document my own introduction to it's most important bits.
AWS OpsWorks, formerly Scalarium, is a chef-based system that deeply integrates with EC2 (security policies, key pairs, etc). OpsWorks acts as web console to configure your entire system, and as a command hub for running chef-solo on all the instances.
A stack represents a collection of inter-connected and inter-configured services.
A stack has lifecycle events which are triggered by any change to the stack configuration (such as, adding a new instance to a layer, or changing the hosts of an application). In this way, the stack acts as an event hub, notifying every instance of any changes.