Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

View jswebschmiede's full-sized avatar
🏠
Working from home

Joerg Schoeneburg jswebschmiede

🏠
Working from home
5 followers · 25 following
View GitHub Profile
@jswebschmiede
jswebschmiede / gist:4046054
Created November 9, 2012 14:38 — forked from corydorning/Cross-Browser ::before and ::after pseudo-class polyfill
Cross-Browser ::before and ::after pseudo-class polyfill
/* =============================================================================
CSS Declarations
========================================================================== */
/* ==|== The Standard Way =================================================== */
.foo::before {
/* ...css rules... */
}
@jswebschmiede
jswebschmiede / navobject.css
Created November 12, 2012 19:41
A CSS object for many nav styles
/** the nav object **/
.nav {}
.nav ul { margin-bottom: 0; }
.nav li {
list-style: none;
list-style-image: none;
margin-left:0;
}
/** nav object for horizontal navigations **/
.nav.horizontal ul,
@jswebschmiede
jswebschmiede / array.php
Created November 16, 2012 00:32
Jedes 2. Element / Jedes X-te Element im Array
// Array
$array = array(1, 2, 3, 4, 5, 6, 7, 8, 9);
foreach($array as $key => $value) {
if(($key%2)===0 && $key > 0) {
echo $value;
}
}
@jswebschmiede
jswebschmiede / mq.css
Created December 10, 2012 14:43 — forked from csswizardry/mq.css
@media only screen and (min-width: 320px) {
/* Small screen, non-retina */
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px),
@jswebschmiede
jswebschmiede / base.js
Created December 18, 2012 13:15
Cross-Browser Placeholder Support, auch für Passwort Felder im IE, mit Modernizr.
/* Modernizr load */
Modernizr.load({
test : Modernizr.input.placeholder,
nope : './js/ext/placeholderfix.js'
});
@jswebschmiede
jswebschmiede / wp8-ie10-fix.js
Created February 1, 2013 22:24 — forked from stowball/wp8-ie10-fix.js
(function() {
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement("style");
msViewportStyle.appendChild(
document.createTextNode("@-ms-viewport{width:auto!important}")
);
document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
}
})();
@jswebschmiede
jswebschmiede / cross_minmax_width.css
Created March 26, 2013 13:01
Cross Browser min-widht and max-width
/* this CSS create a minimum width of 750px: */
#wrapper {
min-width: 750px;
width:expression(document.body.clientWidth < 750? "750px": "auto" );
}
/* this CSS create a minimum width of 750px and a max-width of 1220px */
#wrapper {
min-width: 750px;
max-width: 1220px;
@jswebschmiede
jswebschmiede / sass-HiDPI-images.scss
Created March 26, 2013 23:51 — forked from JoostKiens/sass-HiDPI-images.scss
/**
* Author: @joostkiens
* Licensed under the MIT license
*/
@mixin hr-image($image, $width, $height) {
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(-o-min-device-pixel-ratio: 5/4),
(min-resolution: 120dpi) {
background-image: url($image);
@jswebschmiede
jswebschmiede / scrollto.js
Created April 17, 2013 13:53
scroll to element with jQuery
function scrollToEle($ele) {
var x = $($ele).offset().top;
$('html,body').animate({scrollTop: x}, 500);
}
$(document).ready(function(){
scrollToEle('#test-div');
});
@jswebschmiede
jswebschmiede / list-style-color.js
Created May 24, 2013 13:09
Skript was es ermöglicht HTML Listen mit farbigen Aufzählungspunkten zu versehen, dazu muss die CSS Klasse span.text mit der Standard Schriftfarbe versehen werden und die ul, ol Listen mit der Farbe in der die Punkte dargestellt werden sollen.
/*
Bsp CSS.:
ul, ol { color: red; }
span.text { color: black; }
*/
$(document).ready(function(){
/* content ist hier der Bereich für die Texte usw. */
$('#content ul li').each(function(i, e) {
$(e).contents().wrap('<span class="text"></span>')