Skip to content

Instantly share code, notes, and snippets.

View jonchretien's full-sized avatar
📷

Jon C. jonchretien

📷
72 followers · 43 following
View GitHub Profile
@jonchretien
jonchretien / us-state-names.json
Created November 26, 2013 16:02
State info with ids from topo.json file.
[
{
"name": "Alabama",
"abbreviation": "AL",
"id": 1
},
{
"name": "Alaska",
"abbreviation": "AK",
"id": 2
@jonchretien
jonchretien / _fontSize.scss
Created November 6, 2013 14:55
stubbornella's rem calculator - https://github.com/stubbornella/oocss/blob/master/oocss/src/components/utils/_fontSize.scss
/**
* Convert font-size from px to rem with px fallback
*
* @param $size - the value in pixel you want to convert
*
* e.g. p {@include fontSize(12px);}
*
*/
// Function for converting a px based font-size to rem.
@jonchretien
jonchretien / sublime.md
Created November 4, 2013 14:56
Useful keyboard shortcuts for Sublime Text 2.

Sublime Text 2 Cheat Sheet

  • Paste and Indent: Shift+Command+V
  • Insert Line Before: Command+Return
  • Insert Line After: Shift+Command+Return
  • Delete to Beginning: Command+Delete
  • Delete to End: Ctrl+K
  • Transpose: Ctrl+T
  • Join Lines: Command+J
  • Swap Line Up: Ctrl+Command+Up
@jonchretien
jonchretien / index.html
Last active December 26, 2015 03:29
Rough prototype using a slider control.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>slider module</title>
<style>
input[type="range"] {
width: 300px;
}
input[type="text"] {
@jonchretien
jonchretien / mixins.scss
Created October 7, 2013 17:25
CSS Tricks Sass mixin for Flexbox: http://css-tricks.com/snippets/css/a-guide-to-flexbox/
@mixin flexbox() {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@mixin flex($values) {
-webkit-box-flex: $values;
@jonchretien
jonchretien / card-flipper.html
Last active December 24, 2015 12:39
<!doctype html>
<html>
<head>
<title>Card Effects</title>
<meta charset="UTF-8">
<style>
* {
margin: 0;
padding: 0;
}
@jonchretien
jonchretien / gist:6676049
Created September 23, 2013 19:58
http://chrisawren.com/posts/Advanced-Grunt-tooling
// Install a grunt plugin and save to devDependencies
// ex: gi nodemon
function gi() {
npm install --save-dev grunt-"$@"
}
// Install a grunt-contrib plugin and save to devDependencies
function gci() {
npm install --save-dev grunt-contrib-"$@"
}
@jonchretien
jonchretien / books.mdown
Created August 26, 2013 14:43
@jonchretien
jonchretien / embed-jq.js
Created August 9, 2013 17:05
Embed jQuery in Chrome console.
if (!window.jQuery) {
var script = document.createElement('script');
script.setAttribute('src', '//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js');
document.getElementsByTagName('head')[0].appendChild(script);
}
@jonchretien
jonchretien / csv-to-json.py
Last active December 20, 2015 20:18
CSV to JSON converter for government data set.
#!/usr/bin/python
import os
import csv
import json
import fileinput
import glob
class CSVToJSONConverter():
"""Converts CSV data to JSON format"""