Skip to content

Instantly share code, notes, and snippets.

View dirkschmid's full-sized avatar

Dirk Schmid dirkschmid

26 followers · 27 following
View GitHub Profile
@vktr
vktr / rule.js
Created February 10, 2018 18:54
Add Stripe Customer Id to Auth0 via custom rule
function (user, context, callback) {
user.app_metadata = user.app_metadata || {};
if ('stripe_customer_id' in user.app_metadata) {
context.idToken['https://example.com/stripe_customer_id'] = user.app_metadata.stripe_customer_id;
return callback(null, user, context);
}
var stripe = require('stripe')('sk_....');
var customer = {
@azharc
azharc / images.php
Created November 23, 2016 05:18
<?php
// create srcset images for kirby
function img($image, $options = array()) {
// defaults
$defaults = array(
"alt" => $image->title()->or(''),
"widths" => [100, 100, 100],
"class" => "",
"lazy" => false,
);
@budiadiono
budiadiono / gulpfile.js
Last active January 25, 2019 20:09
Gitbook serve with gulpjs (while wait https://github.com/GitbookIO/gitbook/issues/1379 resolved)
var browserSync = require('browser-sync').create()
var reload = browserSync.reload
var gulp = require('gulp')
var gitbook = require('gitbook')
var path = require('path')
var del = require('del')
// path of your *.md book files
var rootPath = path.join(__dirname, 'docs')
@ericelliott
ericelliott / essential-javascript-links.md
Last active June 14, 2025 18:43
Essential JavaScript Links
@addyosmani
addyosmani / README.md
Last active November 24, 2025 17:23 — forked from 140bytes/LICENSE.txt
108 byte CSS Layout Debugger

CSS Layout Debugger

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

@kevin-smets
kevin-smets / iterm2-solarized.md
Last active December 8, 2025 01:47
iTerm2 + Oh My Zsh + Solarized color scheme + Source Code Pro Powerline + Font Awesome + [Powerlevel10k] - (macOS)

Default

Default

Powerlevel10k

Powerlevel10k

@adamstac
adamstac / _typekit-fout.scss
Last active December 14, 2015 07:18
Prevents Typekit FOUT by setting visibility: hidden; on the class .wf-loading while fonts are loading
// Typekit FOUT
//------------------------------------------------
// References:
// 1. http://blog.typekit.com/2010/10/29/font-events-controlling-the-fout/
//
.wf-loading {
visibility: hidden;
}
@boriskaiser
boriskaiser / gist:3908158
Created October 17, 2012 21:02
Easy retina-ready images using SCSS + Compass
@mixin background-2x($background, $file: 'png'){
$image: #{$background+"."+$file};
$image2x: #{$background+"2x."+$file};
background: image-url($image) no-repeat;
@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){
@Juice10
Juice10 / compass-retina-sprites.scss
Created May 15, 2012 10:37 — forked from thulstrup/compass-retina-sprites.scss
Using Compass to generate normal and retina sprite maps
@mixin sprite-background($name, $folder, $sprite-width) {
$sprites: sprite-map("#{$folder}/*.png");
$sprites-retina: sprite-map("#{$folder}@2x/*.png");
background-image: sprite-url($sprites);
background-position: sprite-position($sprites, $name);
background-repeat: no-repeat;
display: inline-block;
height: image-height(sprite-file($sprites, $name));
width: image-width(sprite-file($sprites, $name));