Skip to content

Instantly share code, notes, and snippets.

View herrkessler's full-sized avatar
:octocat:

Sebastian Kessler herrkessler

:octocat:
9 followers · 15 following
View GitHub Profile
@herrkessler
herrkessler / gist:fc6d6e0c5224ae69f7c6
Created September 25, 2015 07:51 — forked from lukesutton/gist:107966
Warden::Manager.serialize_into_session{|user| user.id }
Warden::Manager.serialize_from_session{|id| User.get(id) }
Warden::Manager.before_failure do |env,opts|
# Sinatra is very sensitive to the request method
# since authentication could fail on any type of method, we need
# to set it for the failure app so it is routed to the correct block
env['REQUEST_METHOD'] = "POST"
end
@herrkessler
herrkessler / pmsg.haml
Created June 29, 2015 07:25
Poor Man's Style Guide - slim / haml / jade
%h1#headings Headings
%h1 Heading 1
%h2 Heading 2
%h3 Heading 3
%h4 Heading 4
%h5 Heading 5
%h6 Heading 6
%hr
%h1#headings-with-text Headings with Text
@herrkessler
herrkessler / remove_hover_rule.js
Last active August 29, 2015 14:17 — forked from rcmachado/remove_hover_rule.js
// disable :hover on touch devices
// based on https://gist.github.com/4404503
// via https://twitter.com/javan/status/284873379062890496
// + https://twitter.com/pennig/status/285790598642946048
// re http://retrogamecrunch.com/tmp/hover
// NOTE: we should use .no-touch class on CSS
// instead of relying on this JS code
function removeHoverCSSRule() {
if ('createTouch' in document) {
try {
@herrkessler
herrkessler / split-image.sh
Last active August 29, 2015 14:16 — forked from mludvig/split-image.sh
#!/bin/bash -e
## split-image.sh - Split a large image into same-size tiles
## Split a large image into same-size tiles
## and optionally convert to a print-ready PDF document
##
## For example split a huge A1-size banner into 8x A4 tiles
## and create a single PDF ready for print.
@herrkessler
herrkessler / mixins.scss
Last active November 21, 2024 16:28
a useful sass mixin collection
// -----------------------------------------------------------------------
// 100% Mixin
// -----------------------------------------------------------------------
@mixin cover-all {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
@herrkessler
herrkessler / README.md
Last active August 29, 2015 14:07 — forked from addyosmani/README.md

CSS Layout Debbuger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

@herrkessler
herrkessler / criticalcss-bookmarklet-devtool-snippet.js
Created July 30, 2014 13:37 — forked from PaulKinlan/criticalcss-bookmarklet-devtool-snippet.js
(function() {
var CSSCriticalPath = function(w, d, opts) {
var opt = opts || {};
var css = {};
var pushCSS = function(r) {
if(!!css[r.selectorText] === false) css[r.selectorText] = {};
var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/);
for(var i = 0; i < styles.length; i++) {
if(!!styles[i] === false) continue;
var pair = styles[i].split(": ");
@herrkessler
herrkessler / criticalcss.html
Created July 17, 2014 09:46 — forked from PaulKinlan/criticalcss.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<h2>Original CSS</h2>
<style style="display: block; white-space: pre; font-family: monospace">
h2 { margin:0; }
@herrkessler
herrkessler / i18n-express-jade-app.js
Created July 17, 2014 08:21 — forked from hanksudo/i18n-express-jade-app.js
/**
* Module dependencies.
*/
var express = require('express')
, routes = require('./routes')
, user = require('./routes/user')
, http = require('http')
, path = require('path')
@herrkessler
herrkessler / gulpfile.js
Last active August 29, 2015 14:02
Gulp Premailer Recipe
var gulp = require('gulp'),
gutil = require('gulp-util'),
sass = require('gulp-sass'),
csso = require('gulp-csso'),
uglify = require('gulp-uglify'),
jade = require('gulp-jade'),
concat = require('gulp-concat'),
livereload = require('gulp-livereload'),
premailer = require('gulp-premailer'),
tinylr = require('tiny-lr'),