Ingo Wennemaring ingowennemaring
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
| article { | |
| float: left; | |
| width: 200px; | |
| margin-left: 30px; | |
| &:first-child { | |
| margin-left: 0; | |
| } | |
| } |
ingowennemaring
/ getElementsByClassName.js
Created
April 18, 2013 15:38
The missing function "getElementsByClassName()"
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 getElementsByClassName(class_name) { | |
| var all_obj, ret_obj=new Array(), j=0, teststr; | |
| if(document.all) { | |
| all_obj = document.all; | |
| } | |
| else if(document.getElementsByTagName && !document.all){ | |
| all_obj = document.getElementsByTagName("*"); | |
| } | |
ingowennemaring
/ loadvideo.htm
Created
April 18, 2013 15:35
Load a video later via jQuery (incl. fix for webkit)
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
| <video width="300" height="500" poster="poster.jpg"> | |
| <source type="video/mp4" src="" data-src="video.mp4" /> | |
| <source type="video/webm" src="" data-src="video.webm" /> | |
| </video> |
ingowennemaring
/ selectivzr_redraw.htm
Last active
December 16, 2015 09:29
Redraw selectivzr.js e.g. after loading content via AJAX
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
| <html class="ie8"> | |
| <head> | |
| <!--[if (gte IE 6)&(lte IE 8)]> | |
| <script src="js/libs/selectivizr.min.js" type="text/javascript" id="selectivizr"></script> | |
| <![endif]--> | |
| </head> | |
| <body> | |
| </body> |
ingowennemaring
/ placeholder.js
Last active
December 16, 2015 09:29
Polyfill for missing placeholder feature in IE <= 9
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
| /* | |
| Placeholder für MSIE/Opera | |
| @param mode => only needed for e.g. responsive sites, | |
| if sometimes placeholders should be shown and sometimes not or the placeholder changed in runtime | |
| mode === 'hide' => add behavior, events and so on, but show no placeholder right now | |
| mode === 'update' => update placeholders which were updated in runtime | |
| */ | |
| var placeholder = function( hidePlaceholder ) { |
ingowennemaring
/ has-js.htm
Created
April 18, 2013 14:27
Adds a class to the <html> element if javascript is enabled
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
| <script>document.documentElement.className = (document.documentElement.className !== "") ? "has-js " + document.documentElement.className : "has-js";</script> |
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
| $('.goto-element').on( | |
| 'click', | |
| function(e) { | |
| e.preventDefault(); | |
| var go = $(this).attr('href'), | |
| position = $(go).position(); | |
| $('html, body').animate( { scrollTop: position.top } ); | |
| } |
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
| $('.goto-top').on( | |
| 'click', | |
| function(e){ | |
| e.preventDefault(); | |
| $('html, body').animate( { scrollTop: 0 } ); | |
| } | |
| ); |
ingowennemaring
/ rollover_css.css
Last active
December 16, 2015 09:28
Image Rollover with CSS, fade effect and image preload
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
| figure { | |
| display: inline-block; | |
| position: relative; | |
| margin: 0; | |
| padding: 0; | |
| img { | |
| display: block; | |
| &:last-child { |
ingowennemaring
/ rollover_fade.htm
Last active
December 16, 2015 09:19
Image rollover with preload and fade effect
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
| <a href="#"> | |
| <img src="http://dummyimage.com/254x403/ccc/000.jpg&text=254x403+-+Produkt" data-hover="http://dummyimage.com/254x403/999/000.jpg&text=254x403+-+Produkt" alt="" /> | |
| </a> |