jswebschmiede

/*
 * Updated to use the function-based method described in http://www.phpied.com/social-button-bffs/
 * Better handling of scripts without supplied ids.
 *
 * N.B. Be sure to include Google Analytics's _gaq and Facebook's fbAsyncInit prior to this function.
 * Tip: http://pivotallabs.com/users/jdean/blog/articles/1400-working-with-asynchronously-loaded-javascript
 */

(function(doc, script) {
    var js, 

jswebschmiede

/* =============================================================================
    CSS Declarations
   ========================================================================== */

/* ==|== The Standard Way =================================================== */

.foo::before {
  /* ...css rules... */
}

jswebschmiede

/** 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

// 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

@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

/* Modernizr load */
Modernizr.load({
  test : Modernizr.input.placeholder,
	nope : './js/ext/placeholderfix.js'
}); 

jswebschmiede

(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

 /* 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

/**
 * 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

function scrollToEle($ele) {
   var x = $($ele).offset().top;
   $('html,body').animate({scrollTop: x}, 500);
}

$(document).ready(function(){
  scrollToEle('#test-div');
});