Chris Dermody Chippd
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
| export default () => { | |
| !function() { | |
| var t = window.driftt = window.drift = window.driftt || []; | |
| if (!t.init) { | |
| if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice.")); | |
| t.invoked = !0, t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ], | |
| t.factory = function(e) { | |
| return function() { |
Chippd
/ backgroundImageSizes.js
Last active
September 21, 2017 14:55
find out how wide and high you need your background images need to be on a responsive layout
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
| // for each div on page with a background image | |
| // show a label in its top right corner with the max height and width values | |
| // When page is resized, calculate | |
| // create size display element | |
| let sizeDisplayStyles = "style='position: absolute;top: 0;right: 0;padding: 10px;background: navajowhite;'"; | |
| let displayEl = `<span class='sizeDisplay' ${sizeDisplayStyles} data-w="0" data-h="0" >waiting for page resize...</span>` | |
| function magic () { |
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
| <link rel="import" href="../core-field/core-field.html"> | |
| <link rel="import" href="../core-icon/core-icon.html"> | |
| <link rel="import" href="../core-input/core-input.html"> | |
| <link rel="import" href="../core-icons/core-icons.html"> | |
| <link rel="import" href="../core-animated-pages/core-animated-pages.html"> | |
| <link rel="import" href="../core-animated-pages/transitions/hero-transition.html"> | |
| <link rel="import" href="../core-animated-pages/transitions/cross-fade.html"> | |
| <link rel="import" href="../core-animated-pages/transitions/slide-down.html"> | |
| <link rel="import" href="../core-animated-pages/transitions/slide-up.html"> | |
| <link rel="import" href="../core-animated-pages/transitions/tile-cascade.html"> |