Dies ist eine alte Version des Dokuments!
Web Development Toolbox
Rule the InterWebz - Collection of usefull libraries and code snippets for HTML, CSS an Javascript. I love Javascript.
Javascript
https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/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
Funktion | Link |
---|---|
Grid | https://github.com/grahammiller/ResponsiveGridSystem |
Normalize | https://github.com/necolas/normalize.css |
Buttons | https://github.com/necolas/css3-github-buttons |
Colors | https://github.com/mrmrs/colors |
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) { }
Webserver
Moongoose
All platform, portable, slim, simple.
I have put together my own package with php.
Windows Build with PHP: https://github.com/sinky/mongoose-win-php
Source: https://github.com/valenok/mongoose
Builds: https://code.google.com/p/mongoose/