Skip to content

Instantly share code, notes, and snippets.

"editor.tokenColorCustomizations": {
"textMateRules": [
{
"name": "Comment",
"scope": [
"comment",
"punctuation.definition.comment"
],
"settings": {
"fontStyle": "italic",
window.onload = function() {
var largePicture = document.querySelector('.image-container')
// Load large image
var imgLarge = new Image();
imgLarge.src = largePicture.dataset.large;
imgLarge.onload = function () {
imgLarge.classList.add('loaded');
};
imgLarge.classList.add('picture');
.image-container {
position: relative;
overflow: hidden;
}
.placeholder {
position: relative;
width: 100%;
filter: blur(10px);
transform: scale(1);
<div class="image-container" data-large="https://assets.imgix.net/unsplash/bear.jpg?w=1000">
<img class="placeholder" src="https://assets.imgix.net/unsplash/bear.jpg?w=50" class="img-small">
</div>
@florida
florida / README.md
Last active December 26, 2019 07:52
Fish Rainbow
@florida
florida / index.js
Created December 15, 2014 22:33
requirebin sketch
var raf = require('raf');
var Isomer = require('isomer');
var ease = require('ease-component');
var Color = require('color');
var duration = 5000
// create a canvas element and add it to the page
var canvas = document.createElement('canvas')
@florida
florida / index.js
Created December 15, 2014 18:39
requirebin sketch
var raf = require('raf') // requestAnimationFrame polyfill
var Isomer = require('isomer') // 3ds
var ease = require('ease-component') // easing
var Color = require('color')
// duration of loop / speed of animation
var duration = 5000
// create a canvas element and add it to the page
@florida
florida / keybase.md
Created October 27, 2014 17:35
keybase.md

Keybase proof

I hereby claim:

  • I am florida on github.
  • I am florida (https://keybase.io/florida) on keybase.
  • I have a public key whose fingerprint is 750C 7903 345B 7550 5424 2688 C615 1782 BD16 287F

To claim this, I am signing this object:

<link rel="import" href="../core-scaffold/core-scaffold.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<link rel="import" href="../core-menu/core-menu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-menu/core-submenu.html">
<link rel="import" href="../core-tooltip/core-tooltip.html">
<link rel="import" href="../chart-js/chart-js.html">
<link rel="import" href="../paper-button/paper-button.html">
@florida
florida / making_things_pretty.sh
Last active August 29, 2015 13:57
Kodermine Git files
# Auto color for diffs -
[color]
ui = auto
[alias]
# shows the changed words in one line instead of two
wdiff = diff --color-words
# one line logs
oneline = log --oneline --decorate