Skip to content

Instantly share code, notes, and snippets.

View akdetrick's full-sized avatar
🛠️

Adam Detrick akdetrick

🛠️
  • Meetup
  • Brooklyn, NY
View GitHub Profile
@akdetrick
akdetrick / SassMeister-input.scss
Created October 17, 2014 16:33
Generated by SassMeister.com.
// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// Modular Scale (v2.0.5)
// ----
@import "modular-scale";
$ms-base: 1rem;
$ms-ratio: $fourth;
@akdetrick
akdetrick / modular_scale_type.scss
Created October 13, 2014 04:42
Responsive modular scale typesetting
@import "../bower_components/sassquatch/sass/utils.scss"; // just the mixins
@import "../bower_components/modular-scale/stylesheets/modular-scale.scss";
/* {{{ ~~~~~~~~~~~~~~~~~~~ MODULAR SCALE */
$scale-small: $major-third;
$scale-big: $fourth;
$ms-base: 1rem;
$ms-ratio: $scale-small;
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ }}} */
@akdetrick
akdetrick / chunk.css
Last active August 29, 2015 14:06
touchList vs. chunkList
.chunkList{padding:0;margin:0;list-style:none}.chunkList-row{margin:0;border-top:1px solid rgba(0,0,0,.1);overflow:hidden}.chunkList-row:first-child{border-top:none}.chunkList-row a:active{background-color:rgba(64,197,255,.2);-webkit-tap-highlight-color:rgba(64,197,255,.2)}.chunkList-chunk{border-bottom:1px solid transparent;padding:10.67px 0 0 10.67px}.chunkList-chunk:last-child{padding-right:10.67px}.chunkList-chunk:only-child{display:block}.chunkList-chunk h1:only-child,.chunkList-chunk h2:only-child,.chunkList-chunk h3:only-child,.chunkList-chunk h4:only-child,.chunkList-chunk h5:only-child,.chunkList-chunk h6:only-child{padding-bottom:0;margin-bottom:10.67px}.chunkList-chunk .avatar,.chunkList-chunk article,.chunkList-chunk aside,.chunkList-chunk dd,.chunkList-chunk details,.chunkList-chunk dl,.chunkList-chunk figure,.chunkList-chunk hgroup,.chunkList-chunk img,.chunkList-chunk ol,.chunkList-chunk p,.chunkList-chunk section,.chunkList-chunk ul{margin-bottom:10.67px}
@akdetrick
akdetrick / unicode-range.txt
Created February 24, 2014 19:54
unicode-range for meetup cut of whitney
Page 00 ((Control characters,) Basic Latin, Latin-1 Supplement (=ISO/IEC 8859-1))
�        
                 
! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ?
@ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _
` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~ 
€  ‚ ƒ „ … † ‡ ˆ ‰ Š ‹ Œ  Ž   ‘ ’ “ ” • – — ˜ ™ š › œ  ž Ÿ
¡ ¢ £ ¤ ¥ ¦ § ¨ © ª « ¬ ­ ® ¯ ° ± ² ³ ´ µ ¶ · ¸ ¹ º » ¼ ½ ¾ ¿
À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö × Ø Ù Ú Û Ü Ý Þ ß
à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô õ ö ÷ ø ù ú û ü ý þ ÿ
@akdetrick
akdetrick / memberlist_1-9-14.md
Created January 9, 2014 20:09
first mobile member list meeting notes

member list for mobile notes

  • include bulk actions idea, following ios7 pattern
  • show the least ammount of most important info to each person
    • aliens (only most important info, with friends)
    • members (only most important info)
    • orgs (list with modes & actions)

list modes

@akdetrick
akdetrick / rvm-to-rbenv.md
Last active March 23, 2025 14:51
Guide to switching to rbenv bliss from RVM hell

RVM to rbenv

Why? @sstephenson explains it best here.


1) remove RVM from your system

This should get rid of the rvm dir and any installed rubies:

$ rvm implode
@akdetrick
akdetrick / colors.yaml
Created October 22, 2013 03:38
cross-platform colors in yaml configuration file
# colors are listed as [r,g,b,a]
primitive:
comment: "PRIMITIVE COLORS - used in multiple color aliases, try not to use these directly"
colors:
red: &red [226,55,60,1]
blue: &blue [57,135,203,1]
primaryGray: &primaryGray [0,0,0,.8]
secondaryGray: &secondaryGray [0,0,0,.55]
tertiaryGray: &tertiaryGray [0,0,0,.25]
lineGray: &lineGray [0,0,0,.1]
@akdetrick
akdetrick / yiq-color-brightness.js
Last active December 25, 2015 09:39
converts hex to yiq color brightness
var R = parseInt(hex.substring(0,2),16),
G = parseInt(hex.substring(2,4),16),
B = parseInt(hex.substring(4,6),16);
// luminance as weighted sum of the R, G, and B values
var luma = Math.sqrt(R * R * .241 + G * G * .691 + B * B * .068);
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>x-origin</title>
</head>
<body>
<canvas id="canvas"></canvas>
<br>
<textarea id="data" style="width: 260px; height:260px"></textarea>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>selector test</title>
<!--<link rel="stylesheet" type="text/css" href="../static/style.css" />-->
<style type="text/css">
#pageWrap {
width: 960px;