Skip to content

Instantly share code, notes, and snippets.

🤡

Tim Holman tholman

🤡
Block or report user

Report or block tholman

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@tholman
tholman / index.js
Last active Apr 25, 2017
requirebin sketch
View index.js
// Welcome! require() some modules from npm (like you were using browserify)
// and then hit Run Code to run your code on the right side.
// Modules get downloaded from browserify-cdn and bundled in your browser.
require('@emmetio/abbreviation');
require('@emmetio/html-transform');
View gist:285964bc70aa99b9167d843e95d10b9e
ant: {
id: "ant",
name: "Ant",
description: "<strong>Organized</strong>, industrious, and strong, ants work together for <strong>the common good</strong>. They can carry ten times their own weight and make excellent carpenters, <strong>architects</strong> and <strong>soldiers</strong>.",
image: "/assets/img/animals/ant_crop.jpg",
poster: "/assets/img/animals/ant_poster.jpg"
},
bison: {
id: "bison",
name: "Bison",
View gist:2f7fe40347d8e5fb03f3
<!doctype html>
<html>
<head>
<title>Scroll position demo</title>
<style>
html, body {
margin: 0px;
padding: 0px;
min-height: 100%;
}
View gist:2fb469672bb1ca3920b4
$retina: "only screen and (-webkit-min-device-pixel-ratio: 2 ), only screen and ( -moz-min-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1 ), only screen and ( min-device-pixel-ratio: 2 ), only screen and ( min-resolution: 192dpi ), only screen and ( min-resolution: 2dppx )";
// And then
@media #{$retina} {
// CSS for retina
}
View gist:c3b3c2f29eb28e972c0d
<img src='./img/beach.jpg'
data-title='Panoramic Beach'
data-caption='Image compliments of unsplash, thanks!' />
<script>
var panorama = document.querySelector( 'img' );
panorama.onclick = function() {
intenseViewer( this )
}
View Base64andCopy
base64 filename.jpg | pbcopy
View fun
cd ~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets
echo 'html { -webkit-animation: adjustHue 20s infinite !important; } @-webkit-keyframes adjustHue { 50% { -webkit-filter: hue-rotate(360deg); }}' >> Custom.css
View gist:5616980
{
"color_scheme": "Packages/Theme - Flatland/Flatland Monokai.tmTheme",
"font_size": 13,
"ignored_packages":
[
"Vintage"
],
"theme": "Flatland Dark.sublime-theme"
}
@tholman
tholman / index.html
Created Mar 31, 2013
A CodePen by Tim Holman. Bezier Sim - Interactive bezier curve... see the beauty behind the maths :)
View index.html
<canvas id="canvas"> Sorry, no canvas support here :( </canvas>
<div id="start"> START </div>
<div id="info"> Double click anywhere = create/destroy point </div>
<!-- Bezier curve simulator
- Click "Start to start/stop/restart the animation"
- Double clicking anywhere else will allow you to add new points to the curve.
View Codepen custom styles
/* Custom CSS for Codepen Vertical Perspecitve
Demo: http://i.imgur.com/NWaoRqi.png
*/
/* Requires Stylebot for Chrome - https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en */
.top-boxes, #result_div {
height: 100%;
}
You can’t perform that action at this time.