Lucas lucasdidthis
lucasdidthis
/ media_querry_check.js
Created
July 16, 2019 09:10
check if CSS media-querry is matched by user (with JavaScript)
This file contains hidden or 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
| const mq1000 = window.matchMedia( "(min-width: 1000px)" ); | |
| this.mq1000 = mq1000; | |
| if(mq1000.matches){} | |
| mq1000.addListener(function(changed){ | |
| if(changed.matches){} | |
| }) |
lucasdidthis
/ stay_in_webapp.js
Created
February 20, 2019 15:21
force links to stay in webapp (without JQuery)
This file contains hidden or 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 a=document.getElementsByTagName("a"); | |
| for(var i=0;i<a.length;i++) { | |
| if(!a[i].onclick && a[i].getAttribute("target") != "_blank") { | |
| a[i].onclick=function() { | |
| window.location=this.getAttribute("href"); | |
| return false; | |
| } | |
| } | |
| } |
lucasdidthis
/ valBetween.js
Created
January 9, 2019 07:56
Limit value of variable between min and max
This file contains hidden or 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 valBetween(v, min, max) { | |
| return (Math.min(max, Math.max(min, v))); | |
| } |
lucasdidthis
/ get_offset.js
Created
December 6, 2018 13:37
How to get the position of an element in vanilla javascript
This file contains hidden or 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 offset(el){ | |
| var rect = el.getBoundingClientRect(), | |
| scrollLeft = window.pageXOffset || document.documentElement.scrollLeft, | |
| scrollTop = window.pageYOffset || document.documentElement.scrollTop; | |
| return { top: rect.top + scrollTop, left: rect.left + scrollLeft } | |
| } | |
| // example use | |
| var div = document.querySelector('div'); | |
| var divOffset = offset(div); |
This file contains hidden or 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
| {"lastUpload":"2018-10-16T21:20:35.400Z","extensionVersion":"v3.1.2"} |
lucasdidthis
/ google_material_design_easing.css
Last active
October 19, 2021 20:33
Google Material Design Easings (via https://material.io/design/motion/speed.html#easing)
This file contains hidden or 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
| Standard easing (Outgoing Easing: 40%, Incoming Easing: 80%): | |
| cubic-bezier(0.4, 0.0, 0.2, 1); | |
| Decelerate easing (Outgoing Easing: 0%, Incoming Easing: 80%): | |
| cubic-bezier(0.0, 0.0, 0.2, 1); | |
| Accelerate easing (Outgoing Easing: 40%, Incoming Easing: 0%): | |
| cubic-bezier(0.4, 0.0, 1, 1); |
lucasdidthis
/ empty_image.html
Created
December 13, 2017 11:12
Creating a W3C valid image with empty src-tag
This file contains hidden or 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="file://null"> |
lucasdidthis
/ responsive_font-size.css
Created
April 27, 2017 09:09
formula to calculate responsive font-size
This file contains hidden or 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
| /* formula */ | |
| font-size: calc( min-font-size + (max-font-size - min-font-size)*(100vw - min-screen-size)/(max-screen-size - min-screen-size) ); | |
| /* example */ | |
| font-size: calc( 16px + (24 - 16)*(100vw - 400px)/(800 - 400) ); |
This file contains hidden or 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
| $.ajax({ | |
| url: target_file, | |
| beforeSend: function(){ | |
| // triggered before the ajax-call is made | |
| } | |
| }).done(function(data){ | |
| // triggered when ajax-call is done, the loaded file is stored in data-variable | |
| // load specific element (content) from the data into specific element (container): | |
| $("#container_element").html($(data).find('#content_element')); | |
| }).fail(function(){ |
lucasdidthis
/ unveil_extension.html
Created
April 13, 2017 11:15
unveil.js mit responsive images nutzen
This file contains hidden or 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 class="unveil" src="" data-src="" data-mobile="pfad1.jpg" data-desktop="pfad2.jpg" data-retina="pfad3.jpg"> |