Vladimir Kuznetsov mistakster
mistakster
/ gist:4193053
Last active
October 13, 2015 12:07
onAvailable: Executes the supplied callback when the item with the supplied id is found.
This file contains 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
| (function (window, document) { | |
| function onLoad(callback) { | |
| if (document.readyState === "complete") { | |
| setTimeout(callback, 1); | |
| } else if (document.addEventListener) { | |
| window.addEventListener("load", callback, false); | |
| } else { | |
| window.attachEvent("onload", callback); | |
| } |
This file contains 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
| /** | |
| * Opera hack | |
| */ | |
| .body { | |
| background: lightgray; | |
| height: 200px; | |
| } | |
| /* .opera-only - is dummy selector */ | |
| .opera-only :-o-prefocus, | |
| .body { |
mistakster
/ dabblet.css
Created
March 29, 2013 06:37
Align vertically absolutely positioned element without known height
This file contains 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
| /** | |
| * Align vertically absolutely positioned element without known height | |
| */ | |
| #has-known-height { | |
| background: lightgray; | |
| height: 300px; | |
| } | |
| #absolutely-positioned { | |
| position: absolute; /* don't touch this property */ | |
| background: blue; |
mistakster
/ dabblet.css
Created
April 18, 2013 10:00
The first commented line is your dabblet’s title
This file contains 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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| body { | |
| font-size: 11px; | |
| font-family: Arial, sans-serif; | |
| } | |
| .ts { | |
| font-size: 50%; |
mistakster
/ dabblet.css
Created
May 27, 2013 03:43
The first commented line is your dabblet’s title
This file contains 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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| body { | |
| font-size: 12px; | |
| font-family: Arial, sans-serif; | |
| } | |
| .ts { | |
| font-size: 50%; |
mistakster
/ dabblet.css
Created
May 27, 2013 04:02
The first commented line is your dabblet’s title
This file contains 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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| .t { | |
| display: table; | |
| } | |
| .tr { | |
| display: table-row; | |
| } | |
| .td { |
mistakster
/ dabblet.css
Created
January 15, 2014 05:37
The first commented line is your dabblet’s title
This file contains 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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| html, body { | |
| height: 100%; | |
| padding: 0; | |
| margin: 0; | |
| } |
mistakster
/ init Fotorama with html frames
Last active
August 29, 2015 13:56
For the current project, I need Fotorama ( http://fotorama.io/ ) gallery with html frames. Fotrama perfectly handle such situations, but it prevents normal interaction within this frames. I found that I could suppress several events on html frames to bring expected user experience back.
This file contains 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
| $ele.fotorama() | |
| .find(".fotorama__html") | |
| .on("click mousedown MSPointerDown touchstart", function (e) { | |
| e.preventDefault(); | |
| e.stopPropagation(); | |
| }); |
mistakster
/ environment.js
Created
May 5, 2014 08:54
Wait for desired environment (mobile or desktop)
This file contains 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
| var Environment = (function () { | |
| var _mqDesktop, _mqMobile; | |
| function getMobileMediaQuery() { | |
| return _mqMobile || (_mqMobile = window.matchMedia("(max-width: 719px)")); | |
| } | |
| function getDesktopMediaQuery() { | |
| return _mqDesktop || (_mqDesktop = window.matchMedia("(min-width: 720px)")); |
This file contains 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>Gradient Performance Test</title> | |
| <style> | |
| div { | |
| height: 150px; | |
| width: 1024px; | |
| } |
OlderNewer