Vladimir Kuznetsov mistakster
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
| .cool-widget { | |
| position: relative; | |
| } | |
| .cool-widget__title { | |
| font: bold 20px/1 sans-serif; | |
| } | |
| .cool-widget__body { | |
| font: normal 14px/1.4 sans-serif; | |
| color: white; | |
| } |
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; | |
| } |
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)")); |
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
/ 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
/ 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
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
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
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; |
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 { |