danklammer / Flat Pinboard v1

Created February 2, 2014 21:16

A simple userstyle for pinboard.in bookmarking site

	/* Theme Name: Flat Pinboard */
	/* Theme URL: http://tackk.com/flat-pinboard */
	/* Version: v1.0 */
	/* Created by: Dan Klammer */
	/* Broswer: Chrome + Stylish Extension */

	html {
	-webkit-font-smoothing:antialiased;
	height:100%;
	}

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

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 / 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 / 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 / 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 / index.html

Created February 12, 2020 15:05

NPS Score Selector

	<div class="screen">
	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 92" class="droop">
	<path fill="#0070B9" d="M0 0v82.6a1745.7 1745.7 0 00360 0V0H0z"/>
	<path fill="#FFFFFF" d="M317 7v10h-10V7h10zm13 0a5 5 0 110 10 5 5 0 010-10zm23 0l-6 10-6-10h12z"/>
	<text fill="#FFFFFF" font-size="20" font-weight="400" letter-spacing=".25">
	<tspan x="72" y="54">Share Feedback</tspan>
	</text>
	<path fill="#FFFFFF" d="M28.7 38.5c.4.4.4 1 0 1.4l-5 5.1H35a1 1 0 01.1 2H23.5l5.1 5c.4.4.4 1 0 1.4a1 1 0 01-1.3.1h-.1l-6.8-6.8a1 1 0 010-1.3v-.1l6.8-6.8a1 1 0 011.4 0z"/>
	</svg>

danklammer / index.html

Created February 13, 2020 18:22

NPS Score Selector - Modal

	<div class="screen">
	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 92" class="droop">
	<path fill="#0070B9" d="M0 0v82.6a1745.7 1745.7 0 00360 0V0H0z"/>
	<path fill="#FFFFFF" d="M317 7v10h-10V7h10zm13 0a5 5 0 110 10 5 5 0 010-10zm23 0l-6 10-6-10h12z"/>
	<text fill="#FFFFFF" font-size="20" font-weight="400" letter-spacing=".25">
	<tspan x="72" y="54">Good thing happened</tspan>
	</text>
	<path fill="#FFFFFF" d="M28.7 38.5c.4.4.4 1 0 1.4l-5 5.1H35a1 1 0 01.1 2H23.5l5.1 5c.4.4.4 1 0 1.4a1 1 0 01-1.3.1h-.1l-6.8-6.8a1 1 0 010-1.3v-.1l6.8-6.8a1 1 0 011.4 0z"/>
	</svg>

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 / unicode-symbols.html

Last active May 24, 2020 18:33

Modern Unicode Symbols// source https://jsbin.com/femeyik

	<!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="Modern Unicode Symbols">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>Modern Unicode Symbols</title>
	<style>
	body {
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";