rupl/susy-style-guide

Stars
3
Rank 3,963,521 (Top 79 %)
Language
Ruby
Created over 12 years ago
Updated over 12 years ago

rupl/susy-style-guide

rupl

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

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.

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

bustashape

Collaborative, real-time artboards

style-prototype-example

A sample style prototype for RWD training at DrupalCon

dotfiles-old

my dotfiles, yo

chrisruppel.com

My personal website

frontend-perf

Making websites fast — tips for frontend performance

these-go-to

My eleventy starterkit.

bustashape-beacon

Physical Web beacon for bustashape.com

prerender

A quick intro to Prerendering in web browsers.

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.

cookbook

A Drupal 7 Feature for kitchen recipes

try_git

kittenipsum.org

Pressflow.org-prototype

Responsive prototype for the new pressflow.org using Foundation.

mobile_example

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

polymer-flip-card

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

high-performance-theming

High Performance Theming - Presented at DrupalCon Munich 2012