Skip to content

Instantly share code, notes, and snippets.

View danklammer's full-sized avatar

Dan Klammer danklammer

126 followers · 43 following
View GitHub Profile
@danklammer
danklammer / .eleventy.config.js
Created October 16, 2020 15:00 — forked from danielpost/.eleventy.config.js
Eleventy: Purge CSS for each html file
const { PurgeCSS } = require('purgecss');
/**
* Remove any CSS not used on the page and inline the remaining CSS in the
* <head>.
*
* @see {@link https://github.com/FullHuman/purgecss}
*/
eleventyConfig.addTransform('purge-and-inline-css', async (content, outputPath) => {
if (process.env.ELEVENTY_ENV !== 'production' || !outputPath.endsWith('.html')) {
@danklammer
danklammer / font-stacks.css
Created May 16, 2020 02:19 — forked from don1138/font-stacks.css
CSS Modern Font Stacks
/* Modern Font Stacks */
/* System */
font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
/* Times New Roman-based serif */
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
/* A modern Georgia-based serif */
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
@danklammer
danklammer / index.html
Created September 22, 2015 18:03 — forked from anonymous/index.html
Super Simple JS + CSS Crossfade (SVG) // source http://jsbin.com/bepoxe
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Super Simple JS + CSS Crossfade (SVG)</title>
<meta name="description" content="Super Simple JS + CSS Crossfade (SVG)">
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
@danklammer
danklammer / index.html
Created September 18, 2015 13:37 — forked from anonymous/index.html
CSS-Only Animated 'Reminder' Placeholders // source http://jsbin.com/hoqan
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="CSS-Only Animated 'Reminder' Placeholders" />
<meta id="viewport" name="viewport" content="initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=1" />
<meta charset="utf-8">
<style id="jsbin-css">
* {
box-sizing: border-box;
margin: 0;
@danklammer
danklammer / touch_detect.js
Last active August 6, 2024 03:11 — forked from daveespionage/touch_detect.js
/*=========== Touch support detection ===========*/
function detectTouchSupport() {
const html = document.documentElement;
html.classList.add('no-touch'); // Default to no-touch
if ('ontouchend' in document) {
html.classList.remove('no-touch');
html.classList.add('touch');
}
}
@danklammer
danklammer / moving_from_jquery.md
Created May 17, 2014 02:15 — forked from harmstyler/moving_from_jquery.md

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})
@danklammer
danklammer / gestures.js
Created May 17, 2014 02:01 — forked from vitalyrotari/gestures.js
/*
* Vanilla JS - Touch Gestures
* @version 0.1
* @inspired QuoJS - http://quojs.tapquo.com
*
* Supported Gestures: singleTap, doubleTap, hold,
* swipe, swiping, swipeLeft, swipeRight, swipeUp, swipeDown,
* rotate, rotating, rotateLeft, rotateRight, pinch, pinching,
* pinchIn, pinchOut,
* drag, dragLeft, dragRight, dragUp, dragDown