Chris Ruppel

unfold. Unfolding the Box Model — interactive slides exploring CSS 3D Transforms

frontend-testing. Learn how to use Automated Frontend Testing tools. Covers functional and performance testing.

drush_make_generator. Bringing drush make to the masses in a simple GUI.

screensizes. Visualizes other visitors' screen sizes in real-time

flip-card. A Polymer element that uses CSS 3D Transforms to create the classic two-sided flip card.

css3playground.com. My collection of experiments and toys built with CSS3.

fun-games-css. Interactive slides for my SXSWi 2013 talk entitled Fun and Games with CSS3.

frontend-ops. Automate your frontend workflow: dev, debug, test, deploy

ScriptCraft. JS Weekly readers: you should check out the original repo!

bustashape. Collaborative, real-time artboards

style-prototype-example. A sample style prototype for RWD training at DrupalCon

frontend-perf. Making websites fast — tips for frontend performance

chrisruppel.com. My personal website

Respond. A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)

dotfiles-old. my dotfiles, yo

prerender. A quick intro to Prerendering in web browsers.

susy-style-guide. A coding style guide to help developers get started with Sass, Compass, and Susy. Contains documentation and workflow suggestions that can be compiled. Perfect for teams that are just getting started with these technologies.

these-go-to. My eleventy starterkit.

bustashape-beacon. Physical Web beacon for bustashape.com

render-example. A tiny repo to demonstrate performance differences in different animation techniques.

houdini. A brief intro to Houdini, the future of CSS

j5-101. My personal experiments learning J5 + node-pixel.

blocking-critical-css. An example showing how inlined critical CSS can still block page renders.

microjs.com. Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!

withBacon. Source code for withbaconfy.com - hat tip to Ben and Ezra

matchMedia.js. matchMedia polyfill for testing media queries in JS

WebFundamentals. Best practices for modern web development

range-touch. :iphone: Use HTML5 range input on touch devices (iPhone, iPad & Android) without bloatware!

try_git.

CSS1K. A demonstration of what can be accomplished with only 1 K of CSS.

HackyHour. The HTML5.tx afterparty is not just a happy hour, but a Hacky Hour. Our speakers have contributed challenges for those who want to stretch and exercise what they learned during the conference.

neveragaindottech.github.io. Source files for the neveragain.tech site

kittenipsum.org. meow

Modernizr. Feature detect HTML5 and CSS3 features, with handy css and javascript hooks so you can progressively enhance to your heart's content.

polymer-flip-card. A demo of my first Polymer element: a CSS 3D flip card.

Pressflow.org-prototype. Responsive prototype for the new pressflow.org using Foundation.

template-marketing-webapp-nextjs. TypeScript

Aura. A Sass+Compass based Responsive Website framework

cookbook. A Drupal 7 Feature for kitchen recipes

jquery.hasEventListener. hasEventListener is a jQuery plugin which checks if an Object or a DOM element actually has a particular/live/delegated event listener bound to it.

high-performance-theming. High Performance Theming - Presented at DrupalCon Munich 2012

css3please. css3 please!

drupal-7-release-party. Drupal 7 Release Party Status Page

Drupal-8-JavaScript-Plan.

mobile_example. A responsive Drupal theme which delivers both mobile and desktop experiences without any theme switching.