Alexander Farkas aFarkas
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
| /*! | |
| * SSSL: smallest, simpelst script loader | |
| * version: 1.0.1 | |
| * | |
| * API: | |
| * Normal usage | |
| * sssl(source [,complete]); | |
| * | |
| * Example: | |
| * sssl('jquery.js', function(){ |
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
| /* | |
| asyncReady('jQuery', function(fn){ | |
| console.log('jQuery found', fn) | |
| }); | |
| asyncReady('jQuery.ui', function(fn){ | |
| console.log('jQuery found', fn) | |
| }); | |
| */ | |
| window.asyncReady = (function(){ | |
| var readys = {}; |
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(createElement){ | |
| if(!('hidden' in createElement('a'))){ | |
| 'abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video'.replace(/\w+/g, function(elem){ | |
| createElement(elem); | |
| }); | |
| var p = createElement('p'); | |
| var parent = document.getElementsByTagName('head')[0] || document.documentElement; | |
| p.innerHTML = 'x<style>' + |
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
| <picture> | |
| <!--[if IE 9]><video style="display: none;"><![endif]--> | |
| <source srcset="runner-wide.jpg" media="(min-width: 1000px)" /> | |
| <source srcset="runner-narrow.jpg" media="(min-width: 600px)" /> | |
| <!--[if IE 9]></video><![endif]--> | |
aFarkas
/ mediaquery.js
Last active
August 29, 2015 14:07
— forked from jonathantneal/mediaquery.js
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 () { | |
| var | |
| documentElement = document.documentElement, | |
| viewportFontSize, viewportHeight, viewportIsPortrait, viewportMax, viewportMin, viewportWidth; | |
| function getViewportFontSize() { | |
| var | |
| body = documentElement.appendChild(document.createElement('body')), | |
| iframe = document.createElement('iframe'), | |
| iframeDocument; |
aFarkas
/ readystatebug.js
Created
October 20, 2014 17:56
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 lang="en"> | |
| <meta charset="UTF-8"> | |
| <title></title> | |
| <script> | |
| var onreadys = function(){ | |
| console.log(document.readyState); | |
| console.log(document.body); |
aFarkas
/ runpicturefill.js
Last active
August 29, 2015 14:07
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 timer; | |
| var run = function(){ | |
| runpictureFill(); | |
| if(document.readyState == 'complete'){ | |
| clearInterval(timer); | |
| } | |
| }; | |
| timer = setInterval(run, 250); | |
| setTimeout(run, document.body ? 9 : 99); |
aFarkas
/ maxres.html
Created
October 27, 2014 17:07
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
| <img src="logo.png" srcset="logo2x.png 200w, logo3x.png 300w" /> |
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
| <!-- if you have 3dpr choose logo3x.png --> | |
| <img src="logo.png" srcset="logo2x.png 200w, logo3x.png 300w" sizes="100px" /> | |
| <!-- | |
| if you have 3dpr and sizes computes to 100px choose img2.jpg | |
| but if you have 2dpr and sizes computes to 150px take img3.jpg | |
| --> | |
| <img src="img.jpg" srcset="img2.jpg 200w, img3.jpg 300w" maxdpr="2" sizes="100px" /> |
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
| <!- | |
| 2x device and viewport 1000px: 2000.jpg (i.e.: 2dpr res) | |
| 3x device and viewport 1000px: 2000.jpg (i.e.: 2dpr res) <- constrained | |
| 3x device and viewport 1500px: 3000.jpg (i.e.: 2dpr res) <- constrained | |
| -> | |
| <img srcset="500.jpg 500w, 1000.jpg 1000w, 1500.jpg 1500w, 2000.jpg 2000w, 3000jpg 3000w, 4000jpg 4000w" maxdpr="2" sizes="100vw" /> |
OlderNewer