Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende ÜberarbeitungNächste ÜberarbeitungBeide Seiten der Revision | ||
pub:web-development-toolbox [2013/07/15 14:04] – Marco Krage | pub:web-development-toolbox [2014/04/11 12:11] – Marco Krage | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
====== Web Development Toolbox ====== | ====== Web Development Toolbox ====== | ||
- | Code Snippet collection | + | Rule the InterWebz - Collection of usefull libraries and code snippets for HTML, CSS an Javascript. I love Javascript. |
===== Javascript ===== | ===== Javascript ===== | ||
[[http:// | [[http:// | ||
- | http:// | + | https:// |
+ | https:// | ||
- | <code html>< | + | <code html>< |
- | ===== Librarys | + | ==== Librarys ==== |
- | markdown | + | ^ Funktion ^ Link ^ |
- | lightbox | + | | Paramter/ |
- | templates | + | | Markdown | https:// |
- | password | + | | Cookie | https:// |
- | formvalid | + | | Lightbox | https:// |
- | grid | + | | Templates | https:// |
- | datepicker | + | | Templates | https:// |
- | extract values | + | | Password Fields | https:// |
- | number format | + | | Form validation | https:// |
- | Instrumente | + | | Grid | https:// |
- | PieChartsFavicon | + | | Datepicker | https:// |
- | keyboardShortcuts | + | | Extract Values | https:// |
- | QRcode | + | | Number Format | https:// |
- | multitouch | + | | Instrumente |
- | TOC | + | | Pie Chart Favicon | https:// |
- | fullscreen | + | | Keyboard Shortcuts | https:// |
+ | | QRcode | ||
+ | | Multitouch | https:// | ||
+ | | TOC Inhalt | https:// | ||
+ | | Fullscreen | https:// | ||
+ | | Tabs | https:// | ||
+ | | Progress Bar | https:// | ||
+ | | Google Map | https:// | ||
+ | | Input Max Length | https:// | ||
+ | | Datum | https:// | ||
+ | | jQuery alternative | https:// | ||
+ | | URL | https:// | ||
+ | | Panorama | https:// | ||
+ | | Syntax Highlight | https:// | ||
+ | | prefix-free | https:// | ||
+ | | Mansory | https:// | ||
+ | | AlphaID (like Youtube) | http:// | ||
+ | | | | | ||
+ | ==== School ==== | ||
+ | === Namespacing === | ||
+ | http:// | ||
- | |||
- | ==== Namespacing ==== | ||
- | http:// | ||
- | <code javascript> | ||
- | var user = ' | ||
- | | ||
- | | ||
- | function private() { | ||
- | | ||
- | } | ||
- | })(); </ | ||
- | |||
- | ==== jQuery Start Template ==== | ||
- | <code html> | ||
- | <script src="// | ||
- | < | ||
- | < | ||
- | $(document).ready(function(){ | ||
- | |||
- | $.post(' | ||
- | action: ' | ||
- | }, function (data) { | ||
- | return data | ||
- | }); | ||
- | |||
- | $.getJSON(' | ||
- | action: ' | ||
- | }, function(data) { | ||
- | console.log(data); | ||
- | return data.foo; | ||
- | }); // END: getJSON | ||
- | |||
- | }); | ||
- | </ | ||
- | </ | ||
===== HTML ===== | ===== HTML ===== | ||
Zeile 73: | Zeile 59: | ||
===== CSS ===== | ===== CSS ===== | ||
- | |||
==== Librarys ==== | ==== Librarys ==== | ||
- | Grid https:// | + | ^ Funktion ^ Link ^ |
- | noramlize | + | | Grid | https:// |
- | buttons | + | | Normalize | https:// |
+ | | Buttons | https:// | ||
+ | | Colors | https:// | ||
- | + | ==== Webkit font rendering | |
- | + | ||
- | [[http:// | + | |
- | Siehe auch [[pub: | + | |
- | + | ||
- | Webkit font rendering | + | |
<code css>html { | <code css>html { | ||
-webkit-font-smoothing: | -webkit-font-smoothing: | ||
}</ | }</ | ||
- | Nicer Headlines | + | ==== Nicer Headlines |
+ | http:// | ||
<code css>h1, h2 { | <code css>h1, h2 { | ||
text-rendering: | text-rendering: | ||
}</ | }</ | ||
- | CSS Link Fade Animation | + | |
+ | ==== CSS Animation | ||
<code css> | <code css> | ||
a { | a { | ||
Zeile 103: | Zeile 87: | ||
}</ | }</ | ||
- | The new Box Model | + | ==== The new Box Model ==== |
http:// | http:// | ||
<code css>* { | <code css>* { | ||
Zeile 111: | Zeile 95: | ||
</ | </ | ||
+ | ==== Media Queries ==== | ||
<code css>/ | <code css>/ | ||
/* CSS3 Media Queries for Responsiveness (mobile-first, | /* CSS3 Media Queries for Responsiveness (mobile-first, | ||
Zeile 126: | Zeile 111: | ||
@media screen and (min-width: 1192px) { | @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:// | ||
+ | Source: https:// | ||
+ | Builds: https:// | ||
+ |