Pinned Repositories
bustashape
Collaborative, real-time artboards
css3playground.com
My collection of experiments and toys built with CSS3.
drush_make_generator
Bringing drush make to the masses in a simple GUI.
flip-card
A Polymer element that uses CSS 3D Transforms to create the classic two-sided flip card.
frontend-ops
Automate your frontend workflow: dev, debug, test, deploy
frontend-testing
Learn how to use Automated Frontend Testing tools. Covers functional and performance testing.
fun-games-css
Interactive slides for my SXSWi 2013 talk entitled Fun and Games with CSS3.
j5-101
My personal experiments learning J5 + node-pixel.
screensizes
Visualizes other visitors' screen sizes in real-time
unfold
Unfolding the Box Model — interactive slides exploring CSS 3D Transforms
rupl's Repositories
rupl/ScriptCraft
JS Weekly readers: you should check out the original repo!
rupl/style-prototype-example
A sample style prototype for RWD training at DrupalCon
rupl/prerender
A quick intro to Prerendering in web browsers.
rupl/render-example
A tiny repo to demonstrate performance differences in different animation techniques.
rupl/blocking-critical-css
An example showing how inlined critical CSS can still block page renders.
rupl/polymer-flip-card
A demo of my first Polymer element: a CSS 3D flip card.
rupl/breakpoint
Really simple media queries in Sass
rupl/critical
Extract & Inline Critical-path CSS in HTML pages
rupl/eq.js
Lightweight JavaScript powered element queries
rupl/filter-css
Filter css rules by selector, RegExp or @type
rupl/generator-style-prototype
Yeoman Generator for Style Prototypes
rupl/grunt-devperf
Helps front-end developers to maintain a good quality, based on phantomas and grunt-phantomas.
rupl/grunt-dust
Grunt.js plugin to compile dustjs templates.
rupl/grunt-perfbudget
Grunt task for performance budgeting.
rupl/grunt-phantomas
Grunt plugin wrapping phantomas to measure frontend performance
rupl/horseman
A manifesto about the future of Drupal.
rupl/intake
A webapp to assist in the North (http://github.com/snugug/north) intake process, specifically around the Content Strategy section
rupl/mapbox-studio-picture-book.tm2
Picture book style for mapbox studio.
rupl/meet-modernizr
Slides for 'Meet the Modernizr module' - this deck is primarily about the Drupal module
rupl/onelessjpg.org
A one-pager to visualize the weight of various JS libs against a single image. Probably a picture of a kitten.
rupl/phantomas
PhantomJS-based web performance metrics collector and monitoring tool
rupl/picture-element
This is the <picture> element specification.
rupl/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.
rupl/style-prototype-drupal
Style Prototype components for Drupal 7
rupl/Style-Prototypes
JavaScript and Sass for Style Prototypes
rupl/thirdpartysla
3rd party SLA tester / ranker
rupl/tkadlec
rupl/updates.html5rocks.com.new
rupl/viewport-width-visualization
what do the widths and devices of responsive design look like?
rupl/webdrivercss
Regression testing tool for WebdriverIO