Skip to content

Instantly share code, notes, and snippets.

View ginader's full-sized avatar

Dirk Ginader ginader

261 followers · 161 following
View GitHub Profile
@chriseppstein
chriseppstein / responsive_table.scss
Created October 25, 2012 20:46
@include handhelds {
table.responsive {
width: 100%;
thead {
display: none;
}
tr {
display: block;
}
td, th {
@czottmann
czottmann / amazon.co.uk.js
Created October 31, 2012 13:15
dotjs script, amazon.co.uk: add Euro prices to all price tags
/*jshint asi: false, bitwise: false, boss: false, curly: true, debug: false,
eqeqeq: true, eqnull: false, evil: false, forin: false, immed: true,
laxbreak: true, newcap: true, noarg: true, noempty: false, nonew: false,
nomen: false, onevar: true, passfail: false, plusplus: false, regexp: false,
undef: true, sub: true, strict: false, white: false, browser: true,
devel: true */
/*globals define: false, window: false, jQuery: false */
var scripts = [],
@snipe
snipe / headers-in-bed
Created November 1, 2012 03:23
HTTP Error codes as fortune cookies
100 Continue (in bed)
101 Switching Protocols (in bed)
102 Processing (in bed)
200 OK (in bed)
201 Created (in bed)
202 Accepted (in bed)
203 Non-Authoritative Information (in bed)
204 No Content (in bed)
205 Reset Content (in bed)
206 Partial Content (in bed)
@benknight
benknight / gist:4047491
Created November 9, 2012 18:51
Alfred Shell Script Extension for opening an SSH tunnel via BrowserStack's Java command line tool to test multiple internal hosts.
#!/bin/bash
# BrowserStack SSH Tunnel Setup
# Find your key by logging into BrowserStack and finding your command line tunnel setup info
KEY=YOUR_KEY_HERE
# Add your internal hosts here
INTERNAL_HOSTS=( dev alpha beta whatever whocares )
for host in ${INTERNAL_HOSTS[@]} ; do
@cwerner1
cwerner1 / _retina-sprite.sass
Created November 14, 2012 10:30
Retina Sprite
@import "compass/utilities/sprites/base"
@import "compass/css3/inline-block"
@import "compass/css3/background-size"
@mixin retina-sprite($folder)
$sprites: sprite-map("#{$folder}/*.png")
// Generates a sprite containing every icon in the supplied folder.
$sprites-2x: sprite-map("#{$folder}@2x/*.png")
// Generates a second sprite containing every icon @2x resolution.
@drublic
drublic / rem-fallback.less
Last active March 28, 2020 23:57
Fallback rem-mixin in Sass and LESS
@main-font-size: 16px;
.x-rem (@property, @value) {
// This is a workaround, inspired by https://github.com/borodean/less-properties
@px-fallback: @value * @main-font-size;
-: ~`(function () { return ';@{property}: @{px-fallback}'; }())`;
-: ~`(function () { return ';@{property}: @{value}rem'; }())`;
}
@dergachev
dergachev / GIF-Screencast-OSX.md
Last active April 28, 2025 00:02
OS X Screencast to animated GIF

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Screencapture GIF

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

@bkastl
bkastl / comparison
Last active December 17, 2015 04:49
JPEG Encoder comparison (lena 56KB filesize goal)
Original file:
Lena.png 512 x 512 Pixel 24 bit Color 386.301 Byte
The standard for image compression tests.
Might be highly optimized in some encoders.
Goal: Get the most quality out of around 56KB.
Look at http://benediktkastl.de/summary_lena.htm for the images.
Metrics explained:
@paulirish
paulirish / gist:5558557
Last active February 26, 2025 18:07
a brief history of detecting local storage

A timeline of the last four years of detecting good old window.localStorage.

Jan Lenhart, bless his heart contributed the first patch for support:

October 2009: 5059daa




  


  




    


          
    

      

        
        

          

              @dypsilon
          

          

            
                dypsilon
                / frontendDevlopmentBookmarks.md
            
            

              Last active
              May 5, 2025 13:05
            

              
                A badass list of frontend development resources I collected over time.