Skip to content

Instantly share code, notes, and snippets.

View Volker-E's full-sized avatar

Volker E. Volker-E

View GitHub Profile
@Volker-E
Volker-E / link-rel-dns-prefetch.html
Last active December 14, 2015 07:49
<link rel="dns-prefetch" />
// Original code from http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/
var metas = document.getElementsByTagName('meta');
var i;
if (navigator.userAgent.match(/iPhone/i)) {
for (i=0; i<metas.length; i++) {
if (metas[i].name == "viewport") {
metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
}
}
@Volker-E
Volker-E / CSS3-Text-Ellipsis.css
Last active December 14, 2015 22:39
CSS3 Text-Overflow Ellipsis [CanIUse?](http://caniuse.com/#feat=text-overflow) IE8+, Fx18+, Chrome24, Op12...
template.ellipsis {
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
/*-moz-binding: url('/stylesheets/xml/ellipsis.xml#ellipsis');*/
white-space: nowrap;
overflow: hidden;
}
@Volker-E
Volker-E / WP-WPML-language-dependent-URI
Created April 5, 2013 16:44
WP-WPML-language-dependent-URI
<?php echo get_permalink(icl_object_id(1, 'page', true)); ?>
@Volker-E
Volker-E / CSS-vendor-Placeholder-attribute-behavior
Created April 8, 2013 16:25
CSS vendor prefix placeholder attribute to go back to hide placeholder when focused in Webkit see http://adactio.com/journal/6147/
[placeholder]:focus::-webkit-input-placeholder {
color: transparent;
}
@Volker-E
Volker-E / JS-IE6-8-Remove-iFrame-Border.js
Created April 25, 2013 18:16
JS-IE6-8-Remove-iFrame-Border.js
<script>
/**
* Remove borders on iFrames foremost in IE @DOCTYPE HTML5
s. http://stackoverflow.com/a/8979062/1696030
*/
if (window.document.getElementsByTagName("iframe")) {
var iFrameElements = window.document.getElementsByTagName("iframe");
for (var i = 0; i < iFrameElements.length; i++) {
iFrameElements[i].frameBorder="0"; // For other browsers.
@Volker-E
Volker-E / CSS-media-query-HDPi-Displays.css
Last active April 23, 2018 07:05
CSS Media Query HDPi-Displays<br />For HDPi Displays beginning with Nexus 7 (2012)
@media only screen
and (-webkit-min-device-pixel-ratio: 1.3),
only screen
and (min--moz-device-pixel-ratio: 1.3),
only screen
and (-o-min-device-pixel-ratio: 2.6/2), /* returns 1.3, see also Dev.Opera */
only screen
and (min-device-pixel-ratio: 1.3),
only screen
and (min-resolution: 160dpi), /* alternatively 124.8dpi, see http://www.brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/ */
ga('set', 'anonymizeIp', true);
@Volker-E
Volker-E / html5-input-media-capture.html
Created May 22, 2013 23:19
HTML5 Input Media Capture
Capture Image: <input type="file" accept="image/*" id="capture" capture="camera" />
Capture Audio: <input type="file" accept="audio/*" id="capture" capture="microphone" />
Capture Video: <input type="file" accept="video/*" id="capture" capture="camcorder" />
$color: '#FFF';
.selector {
background: unquote($color) url('/img/file.png');
}