Chris Ruppel's repositories
ScriptCraft
JS Weekly readers: you should check out the original repo!
style-prototype-example
A sample style prototype for RWD training at DrupalCon
render-example
A tiny repo to demonstrate performance differences in different animation techniques.
blocking-critical-css
An example showing how inlined critical CSS can still block page renders.
polymer-flip-card
A demo of my first Polymer element: a CSS 3D flip card.
breakpoint
Really simple media queries in Sass
eq.js
Lightweight JavaScript powered element queries
filter-css
Filter css rules by selector, RegExp or @type
generator-style-prototype
Yeoman Generator for Style Prototypes
grunt-devperf
Helps front-end developers to maintain a good quality, based on phantomas and grunt-phantomas.
grunt-dust
Grunt.js plugin to compile dustjs templates.
grunt-perfbudget
Grunt task for performance budgeting.
grunt-phantomas
Grunt plugin wrapping phantomas to measure frontend performance
mapbox-studio-picture-book.tm2
Picture book style for mapbox studio.
meet-modernizr
Slides for 'Meet the Modernizr module' - this deck is primarily about the Drupal module
onelessjpg.org
A one-pager to visualize the weight of various JS libs against a single image. Probably a picture of a kitten.
picture-element
This is the <picture> element specification.
react-input-placeholder
Input is a small wrapper around React.DOM.input that shims in placeholder functionality for browsers that don't natively support it.
style-prototype-drupal
Style Prototype components for Drupal 7
Style-Prototypes
JavaScript and Sass for Style Prototypes
thirdpartysla
3rd party SLA tester / ranker
viewport-width-visualization
what do the widths and devices of responsive design look like?
webdrivercss
Regression testing tool for WebdriverIO