EtienneLem

# Rdio console: http://rdioconsole.appspot.com
# Get a track:  http://rdioconsole.appspot.com/#keys%3Dt[INSERT 7 DIGITS NUMBER HERE]%26method%3Dget

def get_random_number
  1_000_000 + Random.rand(10_000_000 - 1_000_000)
end

track_key = get_random_number
puts track_key

EtienneLem

tabname() { printf "\e]1;$1\a" }

EtienneLem

Hello = React.createClass({
  componentWillMount: function() { console.log('componentWillMount') },
  componentDidMount:  function() { console.log('componentDidMount') },

  render: function() {
    return DOM.div({ class: 'container' }, [
      DOM.span({
        data: {
          foo: { bar: 'baz' },
          much: { much: 'fun' },

EtienneLem

# GIFme
# This is a really simple/stupid command line (specifically zsh) function to copy public Dropbox links to your gifs.
#
# Put this somewhere in your .zshrc and replace {{YOUR_PUBLIC_ID}} with your public Dropbox ID (find this by going to dropbox.com, finding a file in your "Public" folder, selecting it and clicking "Copy public link", and looking for the long number in the URL)
#
# This assumes your gifs (and other images you want to share) are stored in your Dropbox "Public" folder in a directory called "gifs".
# This whole thing ain't pretty, and it could be much better. But it's a start.
#
# Usage: 
# "$ gifme yup.gif" will copy a public link to "{{Dropbox Directory}}/Public/gifs/yup.gif"

EtienneLem

// Scss Utils
// @author EtienneLem

// CSS3 misc
   @mixin rounded ( $radius, $prefix:'' ) {
     @include prefixes(border-radius, $radius, $prefix);
   }

   @mixin box-shadow ( $value ) {
     @include prefixes(box-shadow, $value);

EtienneLem

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>beforeRunningCommand</key>
	<string>saveActiveFile</string>
	<key>command</key>
	<string>#!/usr/bin/env ruby
# encoding: utf-8

EtienneLem

value = 'The world ends'

now = Time.now
today = Date.new now.year, now.month, now.day
in_ten_years = Date.new now.year+10, now.month, now.day
end_of_the_world = Date.new 2012, 12, 21

# I'm *pretty* sure the world does end in December... but just in case.
expiration_date = today < end_of_the_world ? end_of_the_world : in_ten_years

EtienneLem

# Original BrowserDetect.js: @Teevio (http://teev.io/blog/text/13423292)
# Original idea: @rogie (http://rog.ie/post/9089341529/html5boilerplatejs)
# CoffeeScript implementation: @EtienneLem
class BrowserDetect

  @init: ->
    browser = @searchString(@dataBrowser) || "An unknown browser"
    version = @searchVersion(navigator.userAgent) || @searchVersion(navigator.appVersion) || "An unknown version"
    os = @searchString(@dataOS) || "An unknown OS"

EtienneLem

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
 <key>beforeRunningCommand</key>
 <string>saveActiveFile</string>
 <key>command</key>
 <string>#!/usr/bin/env ruby
# encoding: utf-8

EtienneLem

// Fairly safe way to visually hide content, but make it accessible to screen readers
.visually-hidden {
  position: absolute;
  left: -9999px;
  height: 1px;
}

@media screen and (max-width: 700px) {
  // Again, accessible to screen readers
  // Example: <a href="/login" class="icon icon-twitter"><span class="mobile-offscreen">Single-click </span> log in with Twitter</a>