Dies ist eine alte Version des Dokuments!


Web Development Toolbox

Rule the InterWebz

Javascript

jQuery Download - Google CDN

http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Librarys

School

Namespacing

HTML

HTML5 Template

CSS

Librarys

Webkit font rendering

html {
  -webkit-font-smoothing: antialiased;
}

Nicer Headlines

http://aestheticallyloyal.com/public/optimize-legibility/

h1, h2 {
  text-rendering: optimizeLegibility;
}

CSS Animation

a {
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

The new Box Model

http://paulirish.com/2012/box-sizing-border-box-ftw/

* { 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
}

Media Queries

/*-----------------------------------------------------------------------------------*/
/*	CSS3 Media Queries for Responsiveness (mobile-first, from small to big)
/*-----------------------------------------------------------------------------------*/
/* --- smartphones in landscape mode --- */
@media screen and (min-width: 480px) {
}
/* --- tablets in portrait mode --- */
@media screen and (min-width: 768px) {
}
/* tablets in landscape mode */
@media screen and (min-width: 1024px) {
}
/* standard laptop + desktop screens */
@media screen and (min-width: 1192px) {
}
pub/web-development-toolbox.1374246439.txt.gz · Zuletzt geändert: 2013/12/06 19:12 (Externe Bearbeitung)