CD2H gitForager

John Otander

Login: johno

Company: @clearbit, @c8r

Location: Boise, Idaho

Bio: <33333333333

Blog: http://johnotander.com

Member of

Repositories

accepts_nested_attributes_for: Using Nested Attributes with Rails 4
agile-cards: A mini Ember app for planning poker cards.
api: An API for data about me
archivable: Archive your Rails models rather than delete them
assert-file-exists: Assert that a file exists
atom-underline-trailing-whitespace: An Atom package for providing a visual cue for trailing whitespace with a subtle underline.
authors-to-markdown: Convert authors and contributors in a package.json to a markdown list
axs: A build-your-own responsive typography and layout UI toolkit for React
basscss-rails: Include BASSCSS in your Rails apps.
basscss-sass: Transpiled Basscss Sass partials
bcc: Add a BCC to all emails sent with action mailer via an interceptor
bleuprint: A minimal, Jekyll template with build tasks for scaffolding out responsive websites.
branding: CSS utility classes for branding
breadcrumbs_on_rails: A simple Ruby on Rails plugin for creating and managing a breadcrumb navigation.
broccoli-csslint: Add CSS linting to your Broccoli tree.
browser.css: An awesome CSS and HTML browser window for debuting apps.
casa: [WIP] Yet another static site generator - a minimal, opinionated site generator that leverages lodash and folder conventions to ensure it's as lightweight as possible.
chalk-rainbow: Get a colorful rainbow string using chalk
chartable: [WIP] A tiny ruby chart library
chattt: Realtime, chat experiment with socket.io.
choo: :steam_locomotive::train::train::train: - sturdy frontend framework
classnamify: Convert class attributes to className
class-postfix: Postfix class selectors in a string
class-repeat: Repeat class selectors
clrs: A nicer color palette for Rails apps.
coin: [WIP] Web app for the latest ticker information for popular cryptocurrencies
coinr: Get latest ticker information for popular cryptocurrencies
coinr-cli: Get the current ticker value for cryptocurrencies
colorable: Color combination contrast tester
comma-split: Split comma delimited strings into an array.
compdoc: [WIP] Turn html and css strings for components into documentation
cryptotracker.co: A pretty display for crypto coin prices.
css-absolute-units: List of CSS units that are absolute lengths.
css-background: [WIP] Extract style values from the CSS background property shorthand.
css-color-list: Get a list of all named CSS colors.
css-extend: [WIP] A CSS micro library for Sass-esque `@extend` support in line with a proposed spec (not yet accepted by the W3C).
css-font-units: List of CSS units that are font relative.
css-intersection: [WIP] Find the intersection between two CSS strings.
css-less: [WIP] Convert CSS to Less
css-properties: List of all CSS properties
css-scss: Convert CSS syntax to SCSS with calc, variables, and custom media queries
css-scss-cli: Convert PostCSS style CSS to SCSS
css-statistics: null
cssstats: Visualize various stats about your css
css-system-fonts: List of system fonts for CSS.
css-variable: A CSS variable transformer, supports Less, Sass, stylus and custom properties
css-viewport-units: List of CSS units that are viewport percentages.
cxs: null
dashing_json: Make JSON blobs look absolutely dashing in your views.
deckorator: Lightweight decorators using plain old Ruby objects
decorators_on_rails: A lightning talk on tidying up view logic in Rails apps using the Decorator Pattern and Draper gem.
deleted: A slightly different user experience for hard deletes.
devise_google_authenticator: A Devise extension to allow your app to utilise Google's 2FA Mobile app
diatonic: Get a JS object with diatonic scale values
diatonic-type: Diatonic print scale translated to be a responsive type scale for the web.
does-doug-like-it: Considerations by @dougwig.
domain-regex: A regular expression for most valid domains (including the latest TLDs)
dom-stats: Parse and return statistics for an html string
do-not-disturb: Turn on do not disturb mode for OS X
dotfiles: Dotfiles, ftw
draper_example: An example that uses the Draper gem for Rails Decorators.
email: An email microservice to send yourself an email
email_format: Validates the email format with the email_regex gem.
email_trail: [WIP] Store a history of outgoing emails in Rails
ember-cli: null
ember-cli-activemodel-adapter: An ember-cli addon for an Active Model Adapter.
ember-cli-addon-template: [DEPRECATED] A template to get me started creating ember-cli addons.
ember-cli-babel: Ember CLI plugin for Babel
ember-cli-css-concat: [WIP] Concatenate your CSS when the environment is set to production.
ember-cli-csslint: Ember addon for linting your CSS.
ember-cli-dates: Ember date helpers with locale support.
ember-cli-error-repro-5227: Ember app example to reproduce ember-cli/ember-cli#5227
ember-cli-gravatar: An Ember component for gravatar image tags
ember-cli-loading: An Ember addon for SVG loading components.
ember-cli-material-design-icons: Components for Google's Material Design Icons library
ember-cli-pure: An Ember addon for including Pure CSS.
ember-cli-rework: Use Rework CSS postprocessing in your Ember app.
ember-cli-weather-icons: Ember addon for weather icons
ember-component-css: An Ember CLI addon which allows you to specify CSS inside of component pod directories
emberconf2015-notes: Notes from attending the talks at EmberConf 2015.
ember-dynamic-render: [DEPRECATED] No longer under development as Ember now has a `component` helper.
ember-faker: Ember addon for including fake data in your app for testing or prototyping.
ember-flex-grid: Ember components for a responsive, mobile-first grid system based on flex.
ember-linkify: Linkify urls in an Ember app with a fancy helper
ember-list-filter: List filtering component with a text input.
ember-mailcheck: Suggest a domain when your users misspell it in an email address with mailcheck.js.
ember-percentages: Ember helpers for percentage formatting.
ember-remarkable: Ember addon for Remarkable markdown parsing helpers and components.
ember-tachyons: [WIP] A 100% mobile-first, responsive UI library for building ambitious Ember applications with Tachyons
ember-tachyons-components: [WIP] A 100% mobile-first, responsive UI library for building ambitious Ember applications with Tachyons
ember-time-ago: Deprecated. Replaced with ember-cli-dates.
emojiweather: Get the closest emoji representation of the weather
extend-options: Basic object extending for two Javascript hash objects, intended for merging provided options with defaults.
fc: [WIP] A pleasurable snow tracking experience
file-trie: [WIP] Turn a file glob into a trie structure
firstchair-api: Rails API behind First Chair -- the new way to track snowfall.
firstchair-webapp: [WIP] The client-side Ember app for First Chair -- the new way to track snowfall.
flexbox: A miniature CSS3 flexbox grid.
form_errors: Clean up form error reporting in Rails with a nice little view helper.
furtive: A forward-thinking, lightweight, css microframework
generator-big-gulp: Yeoman generator for a basic gulpfile for Sass, CSS, and js.
generator-c: A minimal yeoman generator for CSS modules intended to be published to npm.
generator-index: Yeoman generator for an html5, responsive index.html file. (I'm lazy.)
generator-p: A minimal yeoman generator for npm packages.
generator-p-cli: A minimal yeoman generator for npm cli packages
generator-r: [WIP] Yeoman generator for react apps using gulp and browserify.
generator-rework: A minimal yeoman generator for a web project using gulp, rework, and autoprefixer.
get-classes-cli: Get classes used in an HTML string
get-classes-from-html: Get an array of classes from HTML
get-contrast: Get the contrast ratio and WCAG score between common css color types in order to ensure accessibility
get-css: null
get-css-classes: Get CSS classes from a selector string.
get-css-urls: Get CSS urls from a string.
get-elements: Get HTML elements from a string
get-embedded-styles: Get embedded CSS from an HTML string.
get-embedded-styles-cli: Get embedded CSS from an HTML string.
get-img-src: Get image src attributes/urls from HTML.
get-inline-styles: Get inlined CSS from an HTML string.
get-macs: Get all MAC address in a string.
get-query-param: Get a particular query param from a url
get-readme: Retrieve the readme contents from a directory
get-readme: Retrieve the readme contents from a directory
gfc: Simple way to initialize a new git repository in an empty directory, add a file and do a first commit (or skip that part in a directory with files). Useful for unit tests and generators.
ggkick: Git push force shortcut with allow-empty that automatically infers the current branch. Useful for kicking failed builds.
ggpull: Git pull shortcut packaged for npm
ggpullr: Git pull shortcut with rebase that automatically infers the current branch
ggpush: Git push shortcut packaged for npm
ggpushf: Git push force shortcut packaged for npm
ggpusht: Git push shortcut with tags packaged for npm
ghclone: GitHub clone shortcut
gh-pinned-repos: Get the pinned repos for a github username
ghremote: GitHub remote add shortcut
girth: A collection of mobile-first, CSS width helpers.
git-current-branch: Get the current branch of the current git directory
git-current-repo: Get the repo name from the current git directory
github-card: [WIP] A Polymer component for a Github profile card.
github-latest-cli: Get the latest tag for a repository on GitHub
github-status-report: [WIP] Generate a status report from your Github activity, because lazy.
gray: A grayscale color palette for prototyping the web.
grepr: CLI tool with sensical defaults and useful options for grepping in Rails projects
gtag: A git tag shortcut
gulp-class-prefix: Add a class prefix to further sandbox CSS styling for third-party imports.
gulp-css-scss: Gulp plugin for converting CSS to Scss.
gulp-image-set: Gulp plugin to provide a backround-image fallback for browsers that don't support W3C image-set notation.
gulp-remarkable: A gulp wrapper for the remarkable markdown parser (CommonMark spec).
gulp-throttle: A gulp plugin to test your web app with slow internet connections. Based off of grunt-throttle.
has-whitespace: Check whether a string contains whitespace
hckrnws: A chrome extension to give Hacker News a little bit of flair.
http-loggly: Log http requests and responses to loggly
http-status-codes: A mini-ember app that provides a searchable/filterable list for all HTTP Status Codes.
humanize-list: Comma delimit an array for human readability. The Oxford comma is optional.
hyperj: Just a hyper theme
hyperterm: null
hyperterm-gray: Grayscale hyperterm theme
hypertosh: [WIP] HyperTerm theme with a nostalgic flair
hypertype: [WIP] Display keys in hyperterm as you type them
identicon-svg: [WIP] Generate svg identicons
immutable-css: A css linter for immutable selectors
immutable-css-cli: CSS linter for immutable selectors.
infinoop: ? Noop for forever
instagrab: WIP
is-blank: Check whether a value is empty or blank, includes string whitespace support.
is-corrupted-jpeg: Returns true if a file appears to be a corrupted jpeg image file and is corrupted.
is-css-root: Check whether a CSS selector is the root
is-css-shorthand: Check whether a given CSS property is the shorthand form
is_email: Elixir package to loosely check whether a given string is an email
is-location: Check whether an object is a window.location object, or at least quacks like one.
is-mac: Check whether a string is a valid MAC address.
is-media-type: Determine whether a string is a valid media query type specified by the W3C.
is-minified: Check whether a CSS or JS string is minified.
is-named-css-color: Check whether a string is a named CSS color.
is-newline: Determine whether a given string is a newline character
is-noop: Check whether a value is an empty, noop function
is-phone: Check whether a string is a valid phone number.
is-present: Check whether a value is present (nonblank).
is_up: Elixir package for checking whether a given url is up.
is_url: Elixir package to validate a url
is-void-element: Determine whether an html tag is a void element
iz: [WIP] Ruby type checking all in one place. Inspired by is.js.
jekyllsupply: A collection of the highest quality, open source Jekyll themes.
jekyllthemes: A directory of the best-looking themes for Jekyll blogs
johnotander.github.io: Where johnotander.com lives
json_api_test_with_github_pages: A quick test to see if Github Pages will serve up static .json files.
jsstats: [WIP] High-level stats and analysis for javascripts.
jxf-dot-me: "The time has come," the Walrus said, "to talk of many things."
lgr: [WIP] Turn a stream of logs into objects
link_with_icon: A wrapper for the Rails link_to helper to add icons.
lumber.js: A wrapper for d3.js.
lumberjs.com: A simple wrapper for d3 that leverages the data attribute.
mdn: Man pages for web APIs using MDN
media-query-types: List of all CSS media query types specified by the W3C
meta_magic: Some useful methods for object-agnostic views, controllers, and models.
minitachyons: [WIP] A miniscule, opinionated subset of Tachyons
mint_script: A markdown editor/previewer with pdf support.
mqify: Turn a css string and media query config into classes for each breakpoint
mrkdwn: Following along the Django tutorial
naka: [WIP] A minimalist front end framework
named-colors: A CSS utility class module/generator for all named CSS colors (bg, color, border, svg, etc).
nested_attr: Nested attributes with Rails 3.
nest_wrapper: A wrapper for the nest_thermostat gem.
next-plugins: Official Next.js plugins
night-shift: Toggle OS X Night Shift
node-modules-path: null
normalize_email: Elixir package to normalize emails
normalize-email: Normalize + and . emails -- ex.ample+foobar@gmail.com => example@gmail.com
normalize_url: Elixir package to normalize urls
nt: The minimal note taking script
ntok: Get your npm token
package-cli: [WIP] The missing package.json CLI tool
papyrus: [WIP] A minimalist browser built for readability
pattern_library: A collection of patterns to follow in order to ensure consistent, readable code.
perfectionist: Beautify CSS files.
pixyll: A simple, beautiful Jekyll theme that's mobile first
pixyll: A simple, beautiful Jekyll theme that's mobile first
pkg-list: Get a list of packages owned by a user from npm
polymer-deleted: [WIP] A Polymer web-component for deleted.
postcss: Transforming CSS with JS plugins
postcss-class-postfix: PostCSS plugin to postfix class selectors
postcss-class-repeat: Repeat class selectors to increase specificity
postcss-get-variables: PostCSS plugin to get an object containing CSS variables and their values.
postcss-remove-prefixes: Remove CSS vendor prefixes from your source.
postcss-rtl: PostCSS plugin for RTL-adaptivity
postcss-select: Filter CSS based on a given list of selectors
postcss-shorthand-expand: Remove shorthand properties in your CSS
prettify-html: [WIP] Prettify your html
pseudo-classes: Get a list of all CSS pseudo-classes
pseudo-elements: List of all CSS pseudo-elements.
pundit: [WIP] Minimal authorization through a plain old JavaScript object
rails_pg_restore: CLI to restore a Rails PostgresQL database from a backup. Infers db config from config/database.yml.
random-a11y: Vote on random a11y color combinations
random-a11y-api: API for random-a11y
random-a11y-combo: Get a random accessible color combination
random-a11y-combo-api: Get a random, a11y color combination via an api
random-a11y-nn: [WIP] Random a11y color combination neural network
random-hex-color: Generate a random hex color
react-broccoli-example: [WIP] An example of a React app with Broccoli.js (to serve as the foundation for reactjs-cli).
rebass: Configurable React Stateless Functional UI Components
remark-rehype: rehype support for remark
remove-html-extension: Remove html extensions from a file path string
remove-json-extension: Remove the json extension from a path.
remove-markdown-extension: Remove markdown extensions from a string
remove-protocol: Remove the protocol from a string
replace-classes: Replace classes in HTML
rework-class-prefix: Add a class prefix to an import in order to sandbox CSS styling.
rework-flex-grid: Rework CSS plugin for generating custom, lightweight flex grids.
rework-image-set: Rework CSS plugin to add future-proofed support for W3C-style image-set notation.
rework-only-child: A rework implementation of the :only-child pseudo-selector based off CSS Selectors Level 4.
ruby_motion_hello: Giving ruby motion a go.
ruby_optimization_techniques: An Analysis of Ruby Optimization Techniques
ruby_optimization_techniques_talk: Where the talk lives.
ruled: App to create debug grids using css and background properties
ruled: App to create debug grids using css and background properties
scrutinize: Scrutinize a url by analyzing css, html, a11y, images, pagespeed, etc.
scrutinize-api: A JSON API that returns scrutinize data for the url specified.
scrutinize-app: [WIP] Scrutinize a url by analyzing CSS, HTML, accessibility, images, pagespeed, etc.
shouldyougitrebase.com: :trollface:
shovel: A scraper for Boise Weekly and BSU Events.
shtml: [WIP] Style shell output in an html-like fashion
simple_form_object: Simple form objects for your Rails application.
simple_token_authentication: Simple (but safe) token authentication for Rails apps or API with Devise.
sinatra-contrib: Collection of common Sinatra extensions
single-trailing-newline: Ensure a string has a single trailing newline based off it's dominant newline character.
skeleton-layout: Skeleton layout example to increase perceived page performance
snotel: Ruby client for accessing SNOTEL station data.
specificity.co: A primer on CSS specificity.
sri-cli: Node CLI to generate Subresource Integrity hashes for your assets.
strip-css-media-queries: Strip media queries from a css string
striped-gradients: [WIP] An experiment with css gradients and small footprint page enhancements
strip-html-comments: Remove HTML comments from a string
strip-html-comments-cli: Strip HTML comments from a string
strip-pseudos: Strip pseudos from a CSS selector
strip-wayback-toolbar: Strip wayback toolbar from archived html
styled-api: [WIP] Constraint based styling api based on styled-system
styled-system: Design system utilities for styled-components and other css-in-js libraries
sundial: Track your time simply, currently under development.
svg-spin: Experiments with svg spinning
system-fonts: A collection of websites that use system fonts
tachyonify: [WIP] Convert an existing HTML/CSS component to its Tachyons equivalent
tachyons: Fully responsive, performance first css patterns
tachyons-generator-app: [WIP] Client side app to generate a custom Tachyons build with a json configuration
t-d: [WIP] Get a time in the past or future based off the current time with a pretty syntax.
the-state-of-the-website: [WIP] A project to analyze the page speed, CSS, HTTP requests, etc. of websites.
todo: My development todo list
to-domain: Convert a string to a valid domain name equivalent
to-percentage: Convert percentages in float form to their corresponding string representations.
to-react: [WIP] Turn static HTML and CSS into a react component
tosh: [WIP] Build out your React UI with a nostalgic flair
turn-it-off-and-on-again: A CLI tool to turn bower/npm off and on again.
untitled-ui: null
unusedcss: Retrieve the unused CSS from a web page, useful for page CSS analytics.
updatr: [UNMAINTAINED] A script for updating all the things: node, npm, brew, rvm, jekyll, etc.
url_format: Validate the url format of an attribute.
urls_for_humans: Apply persistent, meaningful urls to your Rails app.
vendor-prefixes: List of the current CSS vendor prefixes.
vhp: Utility classes for vh percentages
web-cannon: Useful information to reference while building websites for humans
whitespace-split: Split a string into words based on whitespace
whois-cli: Node CLI to get WHOIS data for a given url
who-that: [WIP] Get a developer profile based on their GitHub/npm/etc. usernames
who-that-api: Who that?
will_toggle: A clean approach to view toggling.

Commits To

Repository	Most Recent Commit	# Commits

This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.