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 / stars.haml
Created May 15, 2014 07:26
SASS stars (with a little JS)
#stars-wrapper
- 200.times do
.star
@herrkessler
herrkessler / gulpfile.js
Created May 23, 2014 08:08 — forked from chriskjaer/gulpfile.js
Gulp recipe: Jade, Sass, Livereload and static server - forked from chriskjaer/gulpfile.js
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'), // Livereload plugin needed: https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
tinylr = require('tiny-lr'),
express = require('express'),
@herrkessler
herrkessler / gulpfile.js
Created June 4, 2014 06:52
Gulp Setup with Jade, Sass, Bourbon, Neat, Livereload & Express
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'),
tinylr = require('tiny-lr'),
express = require('express'),
@herrkessler
herrkessler / getjson.php
Created June 11, 2014 12:45 — forked from wboykinm/getjson.php
<?php
header('Content-type: text/plain');
$username = "[user]";
$password = "[password]";
$hostname = "localhost";
$database = "[database]";
// Opens a connection to a mySQL server
$connection=mysql_connect ($hostname, $username, $password);
@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'),
@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 / 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 / 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 / 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 / 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%;