Skip to content

Instantly share code, notes, and snippets.

Reading List

Culled from NPR/Guardian/Goodreads

  • Freedom's daughters : the unsung heroines of the civil rights movement from 1830 to 1970 / by Lynne O
  • Hands on the freedom plow : personal accounts by women in SNCC / edited by Faith S. Holsaert ... [et
  • Parting the waters : America in the King years, 1954-63 / Taylor Branch.
  • Judgment days : Lyndon Baines Johnson, Martin Luther King, Jr., and the laws that changed America / N
  • Martin & Malcolm & America : a dream or a nightmare / James H. Cone.
  • Ready for revolution : the life and struggles of Stokely Carmichael (Kwame Ture) / Stokely Carmichael
  • Toward the African revolution : political essays / Frantz Fanon ; translated from the French by Haako
@nimbupani
nimbupani / grid-layout-syntax.md
Created November 11, 2013 18:15
Grid Layout Syntax

grid-row: span 2/3

The original syntax was:

grid-row-span: 2;

My concerns

  • I do not understand why this was altered.
  • The newer syntax is harder to understand than the old one.
@nimbupani
nimbupani / gyazo.rb
Created August 27, 2012 03:05
Hacking Gyazo to save to AWS
#!/usr/bin/env ruby
require 'rubygems'
require 'aws/s3'
# capture png file
tmpfile = "/tmp/image_upload#{$$}.png"
imagefile = ARGV[1]
if imagefile && File.exist?(imagefile) then
#!/bin/bash
echo '================================================================='
echo 'This will set up all the files necessary for Test the web forward'
echo '================================================================='
promptValue() {
read -p "$1"": " val
echo $val
}
@nimbupani
nimbupani / gist:2770321
Created May 22, 2012 17:09 — forked from paulirish/gist:2731401
draft post on a11y

Jacob Thornton has an inspiring slide deck on accessibility that brings to fore all the concerns that web developers have with implementing features around accessibility.

For a very long time, developers have been told about making websites 'accessible'. Like it is a faucet that should be turned on or off. Till [Victor Tsaran's demonstration of using a screenreader][] (which was in 2007 - a very long time since accessibility evangelism began) - very few web developers had any idea of the real immediate impact of implementing accessibility features.

It is also interesting that very few developers even knew that blind users of screen readers read at such an extraordinary speed that very few sighted users are capable of. What are some of the other abilities that disabled users of the web use to their advantage?

People like Jason Kiss and Steve Faulkner who detail the [behavior and suppo

@nimbupani
nimbupani / hack.sh
Created March 31, 2012 16:55 — forked from erikh/hack.sh
OSX For Hackers
#!/usr/bin/env sh
##
# This is script with usefull tips taken from:
# https://github.com/mathiasbynens/dotfiles/blob/master/.osx
#
# install it:
# curl -sL https://raw.github.com/gist/2108403/hack.sh | sh
#
@nimbupani
nimbupani / prefixed.css
Created March 7, 2012 18:38
Trying some ideas for prefix solution
h1 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
body {
background-image: -webkit-gradient(linear, #000, #fff), url('image.png');
@nimbupani
nimbupani / color-overlay.scss
Created February 18, 2012 16:45
Fake color overlay on an image with gradients
// Use @include colorize('image.png', red, 0.5)
@mixin colorize($image, $color, $opacity) {
background: $color;
$color: transparentize($color, 1 - $opacity);
background: -webkit-linear-gradient(left, $color, $color), url($image);
background: -moz-linear-gradient(left, $color, $color), url($image);
background: -ms-linear-gradient(left, $color, $color), url($image);
background: -o-linear-gradient(left, $color, $color), url($image);
}
@nimbupani
nimbupani / color-overlay.scss
Created February 18, 2012 05:02
Sass Snippets
// Use @include colorize('image.png', red, 0.5)
@mixin colorize($image, $color, $opacity) {
background: $color;
$color: transparentize($color, 1 - $opacity);
background: -webkit-linear-gradient(left, $color, $color), url($image);
background: -moz-linear-gradient(left, $color, $color), url($image);
background: -ms-linear-gradient(left, $color, $color), url($image);
background: -o-linear-gradient(left, $color, $color), url($image);
}
@nimbupani
nimbupani / sample-template
Created January 4, 2012 02:40
Sample format for the new Silent Feature for Sass
// Scss @extend as of now
.small {
font-size: 0.9em;
}
footer,
article > footer {
@extend .small;