This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 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'); |
tholman
/ gist:285964bc70aa99b9167d843e95d10b9e
Created
August 11, 2016 16:32
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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", |
tholman
/ gist:2f7fe40347d8e5fb03f3
Created
February 28, 2015 23:06
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <title>Scroll position demo</title> | |
| <style> | |
| html, body { | |
| margin: 0px; | |
| padding: 0px; | |
| min-height: 100%; | |
| } |
tholman
/ gist:2fb469672bb1ca3920b4
Created
August 11, 2014 17:46
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $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 | |
| } |
tholman
/ gist:c3b3c2f29eb28e972c0d
Last active
August 29, 2015 14:03
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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 ) | |
| } |
tholman
/ Base64andCopy
Last active
August 29, 2015 14:02
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| base64 filename.jpg | pbcopy |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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 |
tholman
/ gist:5616980
Created
May 21, 2013 01:35
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "color_scheme": "Packages/Theme - Flatland/Flatland Monokai.tmTheme", | |
| "font_size": 13, | |
| "ignored_packages": | |
| [ | |
| "Vintage" | |
| ], | |
| "theme": "Flatland Dark.sublime-theme" | |
| } |
tholman
/ index.html
Created
March 31, 2013 16:24
A CodePen by Tim Holman. Bezier Sim - Interactive bezier curve... see the beauty behind the maths :)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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. | |
tholman
/ Codepen custom styles
Last active
July 15, 2024 09:53
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 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%; | |
| } |
NewerOlder