Skip to content

Instantly share code, notes, and snippets.


John Riviello JohnRiv

View GitHub Profile
JohnRiv / SassMeister-input.scss
Last active Aug 29, 2015
Generated by
View SassMeister-input.scss
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
// Inline-Block IE
/* Using a mixin */
@mixin inline-block {
display: inline-block;
*zoom: 1;
JohnRiv / _boot_requirejs_sync.html.erb
Created Jun 17, 2014
Code Coverage with RequireJS in Teaspoon, using this file and suite.boot_partial = "/boot_requirejs_sync"
View _boot_requirejs_sync.html.erb
rails_config = Rails.application.config
require_options = {baseUrl: rails_config.assets.prefix}
require_options.merge!(rails_config.requirejs.user_config) if rails_config.respond_to?(:requirejs)
specs = @suite.spec_assets(false).map{ |s| "#{s.gsub(/\.js.*$/, "")}" }
require_options['shim'] ||= {}
specs.each {|s| require_options['shim'][s] = [@suite.helper] }
JohnRiv / SassMeister-input-HTML.html
Created Nov 20, 2014
Generated by
View SassMeister-input-HTML.html
<div class="sassy">Sassy Philly!</li>
JohnRiv / SassMeister-input-HTML.html
Created Nov 20, 2014
Generated by
View SassMeister-input-HTML.html
<div class="sassy">Sassy!</li>
JohnRiv / Guardfile
Created Mar 25, 2015
Guard not working
View Guardfile
# A sample Guardfile
# More info at
## Uncomment and set this to only include directories you want to watch
# directories %w(app lib config test spec features)
## Uncomment to clear the screen before every task
# clearing :on
## Guard internally checks for changes in the Guardfile and exits.
JohnRiv / super-css-super-challenge.html
Created Jul 27, 2011
Super CSS Super Challenge Answer
View super-css-super-challenge.html
<!DOCTYPE html>
A solution for the design at
Using no "active" class (but the middle is always "active" in the display).
I think that's how Chris Coyier presented it, but I may have missed the "active" class
<style type="text/css">
body {
JohnRiv / get-elements-by-classname.js
Created Sep 23, 2011
getElementsByClassName that supports native browser implementation
View get-elements-by-classname.js
if (typeof RIV === 'undefined' || !RIV) {
var RIV = {};
RIV.utils = (function() {
return {
* Gets all the DOM elements that have a specified className. Uses the native browser function if it exists.
* @param {string} classname The classname you want to search for
* @param {string} node A selector to select the scope. Defaults to "document" if not specified.
JohnRiv /
Created Apr 25, 2012
Reviewboard "Reviewed By" Data
import requests
# If you don't have requests installed, installation instructions are at
urls = ['URLS_FROM_reviewData.js_GO_HERE']
cookies = dict(rbsessionid='PASTE_YOUR_COOKIE_VAL_HERE')
reviewed = 0
notreviewed = 0
for url in urls:
JohnRiv / sassconf2013
Created Oct 13, 2013
Links from "Integrating CSS Lint, csscss & other command-line tools as Compass Extensions" talk at SassConf
View sassconf2013
Sample Project with install instructions -
CSS Lint -
csscss -
CSS Lint for Compass -
csscss for Compass -
JohnRiv /
Last active Oct 5, 2017
Introduction to Web Components & Polymer Workshop

Introduction to Web Components & Polymer Workshop

Little Rock Tech Fest 2017

Hello! 👋

Thanks for coming to our hands-on introduction to Web Components & Polymer! If you stumbled onto this and weren't at the event, hopefully this is still of somewhat use :-)

This is all the materials that were required to get started: