Skip to content

Instantly share code, notes, and snippets.

Florida Ivanne Elago florida

Block or report user

Report or block florida

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
View vscode italics settings
"editor.tokenColorCustomizations": {
"textMateRules": [
{
"name": "Comment",
"scope": [
"comment",
"punctuation.definition.comment"
],
"settings": {
"fontStyle": "italic",
View lazyload.js
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');
View lazyload.css
.image-container {
position: relative;
overflow: hidden;
}
.placeholder {
position: relative;
width: 100%;
filter: blur(10px);
transform: scale(1);
View lazyload.html
<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 / index.js
Created Dec 15, 2014
requirebin sketch
View index.js
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 Dec 15, 2014
requirebin sketch
View index.js
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
View 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:

View designer.html
<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 Aug 29, 2015
Kodermine Git files
View making_things_pretty.sh
# 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
You can’t perform that action at this time.