Skip to content

Instantly share code, notes, and snippets.

View reynish's full-sized avatar

Alex Reynish reynish

5 followers · 3 following
View GitHub Profile
@reynish
reynish / _col.scss
Created September 24, 2012 16:05
SCSS Responsive Columns
.boxBase {
@include box-sizing(border-box);
margin-bottom: $lu;
padding: $lu;
@media screen and (max-width: 480px) {
/* Halve the padding on mobile devices */
$lum: $lu / 2;
padding: $lum;
margin-bottom: $lum;
}
@reynish
reynish / gist:3781663
Created September 25, 2012 13:01
IE Conditional HTML Tag (Includes ie9/10 support)
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7 ie6" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie10 lt-ie9 lt-ie8 ie7" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie10 lt-ie9 ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="no-js lt-ie10 ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
@reynish
reynish / style.scss
Created February 25, 2013 13:24
Rotated square repeating background
@import "compass";
$col1: rgba(0,0,0,0);
$col2: #000;
body {
@include background (
linear-gradient(65deg, #F00 23%, $col1 10%),
linear-gradient(155deg, #F00 23%, $col1 10%),
linear-gradient(245deg, #F00 23%, rgba(0,0,0,0) 10%),
linear-gradient(335deg, #F00 23%, $col1 10%),
@reynish
reynish / index.html
Created March 1, 2013 18:20
A CodePen by Alex Reynish.
<div class="ad-outer">
<div class="ad-upper"></div>
<div class="ad-inner">
<h1>Insane</h1>
<p>Bender, I didn't know you liked cooking. That's so cute. I've got to find a way to escape the horrible ravages of youth. Suddenly, I'm going to the bathroom like clockwork, every three hours. And those jerks at Social Security stopped sending me checks. Now 'I'' have to pay ''them'! It doesn't look so shiny to me. Now, now. Perfectly symmetrical violence never solved anything. Large bet on myself in round one. Bender, you risked your life to save me!</p>
<h2>Devil's Hands are Idle Playthings</h2>
<p>Nay, I respect and admire Harold Zoid too much to beat him to death with his own Oscar. Hey, whatcha watching? Ummm&hellip;to eBay? Is that a cooking show? Take me to your leader! Can we have Bender Burgers again?</p>
<ul>
<li>I've got to find a way to escape the horrible ravages of youth. Suddenly, I'm going to the bathroom like clockwork, every three hours. And those jerks at Social Security stopped sending me che
@reynish
reynish / index.haml
Created March 6, 2013 21:11
A CodePen by Alex Reynish. fauxSelector - Change a <select> into a searchable list!
%section.wrapper
%h1 fauxSelector
%select.fauxSelector
%option{:value => "PS"} Please select
%option{:value => "S"} Soemthing
%option{:value => "SE"} Something else
%section.wrapper
%h1 fauxSelector
%select.fauxSelector
@reynish
reynish / index.haml
Created March 6, 2013 21:12
A CodePen by Alex Reynish. fauxSelector - Change a <select> into a searchable list!
%h2 Something
%section.wrapper
%h1 fauxSelector
%select.fauxSelector
%option{:value => "PS"} Please select
%option{:value => "S"} Soemthing
%option{:value => "SE"} Something else
%section.wrapper
%h1 fauxSelector
@reynish
reynish / index.haml
Created March 6, 2013 21:47
A CodePen by Alex Reynish. fauxSelector - Change a <select> into a searchable list!
%h2 Something
%section.wrapper
%h1 fauxSelector
%select.fauxSelector
%option{:value => "PS"} Please select
%option{:value => "S"} Soemthing
%option{:value => "SE"} Something else
%section.wrapper
%h1 fauxSelector
@reynish
reynish / index.haml
Created March 6, 2013 22:58
A CodePen by Alex Reynish. fauxSelector - Change a <select> into a searchable list!
%meta{:name => "viewport", :content => "width=device-width; initial-scale=1.0; maximum-scale=1.0;"}
%section.wrapper
%h1 fauxSelector
%select.fauxSelector
%option{:value => "PS"} Please select
%option{:value => "S"} Soemthing
%option{:value => "SE"} Something else
%section.wrapper
@reynish
reynish / nodejs-mocha-chai-superagent-example.js
Last active July 5, 2018 07:34
var request = require('superagent')
, chai = require('chai')
, expect = chai.expect;
describe("passing browser", function() {
var response;
before(function(done) {
request
@reynish
reynish / 3_jsbin-draganddrop.py
Created November 12, 2013 17:36
Python Selenium Drag and Drop
import unittest
from selenium import webdriver
from selenium.webdriver import ActionChains
from selenium.webdriver.common.keys import Keys
from selenium.common.exceptions import NoSuchElementException
import time
baseUrl = 'http://jsbin.com/afica/13344'