<button>Let's Go !</button>
—– BEGIN LICENSE —– | |
Michael Barnes | |
Single User License | |
EA7E-821385 | |
8A353C41 872A0D5C DF9B2950 AFF6F667 | |
C458EA6D 8EA3C286 98D1D650 131A97AB | |
AA919AEC EF20E143 B361B1E7 4C8B7F04 | |
B085E65E 2F5F5360 8489D422 FB8FC1AA | |
93F6323C FD7F7544 3F39C318 D95E6480 | |
FCCC7561 8A4A1741 68FA4223 ADCEDE07 |
<picture> | |
<source srcset="extralarge.jpg" media="(min-width: 1000px)"> | |
<source srcset="large.jpg" media="(min-width: 800px)"> | |
<img srcset="medium.jpg" alt="…"> | |
</picture> |
myApp.config(['$compileProvider', function ($compileProvider) { | |
$compileProvider.debugInfoEnabled(false); | |
}]); |
Pure CSS. Uses transform-style: preserve-3d
, so it won't work in IE up to and including 11. Should work in the new Edge browser, but not actually tested. Tested & works for the most part in Firefox 39, 42 (nightly), Chrome 44, 46 (canary)/ Opera 31 beta on Windows 8. Firefox has 3D ordering issues, Chrome shows lines between parts. Update: Safari works the same as Chrome, while Edge seems to have a problem when combining into cubes (same as Firefox?) - see replies here. Inspiration:
Forked from Ana Tudor's Pen 4 cubes → 12 small pyramids → 3 big pyramids.
A Pen by Stefano Guglielmi on CodePen.
Writeup on CSS-Tricks : http://css-tricks.com/dont-overthink-it-grids/
Forked from Chris Coyier's Pen Don't Overthink It Grids.
A Pen by Stefano Guglielmi on CodePen.
To create text that always fill the viewport, no matter what ratio. This is just a concept and not very well tested ;-)
A Pen by CrocoDillon on CodePen.
/* | |
* Normalized hide address bar for iOS & Android | |
* (c) Scott Jehl, scottjehl.com | |
* MIT License | |
*/ | |
(function( win ){ | |
var doc = win.document; | |
// If there's a hash, or addEventListener is undefined, stop here | |
if( !location.hash && win.addEventListener ){ |
A Pen by Fabrizio Bianchi on CodePen.
h1 { | |
font-size: 72px; | |
background: -webkit-linear-gradient(#eee, #333); | |
-webkit-background-clip: text; | |
-webkit-text-fill-color: transparent; | |
} |