Skip to content

Instantly share code, notes, and snippets.

View Shipow's full-sized avatar

Kevin Granger Shipow

838 followers · 5.4k following
View GitHub Profile
@Shipow
Shipow / SASS: Retina
Created October 26, 2013 08:51
SASS: Retina
@mixin image-2x($image, $width, $height)
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx)
background-image: url($image)
background-size: $width $height
@Shipow
Shipow / SASS : Responsive Breakpoints
Created October 26, 2013 08:45
SASS : Responsive Breakpoints
@mixin breakpoint($point)
@if $point == large
@media (min-width: 64.375em)
@content
@else if $point == medium
@media (min-width: 50em)
@content
@else if $point == small
@media (min-width: 37.5em)
@content
@Shipow
Shipow / gist:6433899
Created September 4, 2013 07:46
sass for wizard (from Fuel UX)
.wizardUX
@extend .clearfix
border: 1px solid blue
background-color: white
ul
list-style: none outside none
padding: 0
margin: 0
li
float: left
@Shipow
Shipow / gist:6412849
Created September 2, 2013 13:26
Sass Facebook loading style
=animation($name,$value)
-webkit-animation-#{$name}: $value
animation-#{$name}: $value
=keyframes($name)
@-webkit-keyframes #{$name}
@content
@-moz-keyframes #{$name}
@content
@-ms-keyframes #{$name}
@Shipow
Shipow / index.html
Created August 15, 2013 17:06
A CodePen by Lego Mushroom. Touch device jelly menu concept - What would you like to eat today? Will be great x with native implementation on touch devices My inspiration started here http://capptivate.co/2013/07/12/making-3/ Most of icons are Ashleigh Brennan's http://dribbble.com/ash-brennan Tried to explain it here: http://coding.smashingmaga…
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">-->
</head>
<body>
<div class="suggest-l"></div>
@Shipow
Shipow / gist:4691434
Created February 1, 2013 13:55
How to get size of mysql database
SELECT table_schema "DB Name", sum( data_length + index_length ) / 1024 / 1024 "DB Size in MB"
FROM information_schema.TABLES GROUP BY table_schema ;
@Shipow
Shipow / _pems.scss
Created December 7, 2012 00:59 — forked from mrdanadams/_pems.scss
PX to EMs conversion in Sass
/* See http://mrdanadams.com/2012/pixel-ems-css-conversion-sass-mixin/ */
/* Default font size in pixels if not overridden. */
$baseFontSize: 16;
/* Convert PX units to EMs.
Ex: margin-right: pem(16);
*/
@function pem($pxval, $base: $baseFontSize) {
@return #{$pxval / $base}em;
@Shipow
Shipow / robot.js
Created December 5, 2012 02:47
Shipow#001
var Robot = function(robot) {
robot.rotateCannon(-90);
};
Robot.prototype.onIdle = function(ev) {
var robot = ev.robot;
robot.ahead();
//i'll add a clone but i need to refactor collision
//robot.clone();
};