Cheat-Sheets für Webworker auf einen Blick
Es gibt im Web viele umfangreiche Spezifikationen, Dokumentationen oder API-Referenzen zu HTML, CSS und jQuery. Bei der täglichen Arbeit als Webworker kann es aber hilfreich sein, die aktuellen HTML5-Tags samt unterstützter Attribute sowie CSS3-Eigenschaften oder jQuery-Codes übersichtlich in zusammengefassten Cheat-Sheets zur Hand zu haben. Ein Artikel bei Design Resource Box hat 21 dieser nützlichen Kurzreferenzen und grafischen Übersichten zu aktuellen Webtechniken gesammelt. Wir listen die Cheat-Sheets unterteilt nach CSS3, HTML5 und jQuery hier für Euch auf. Einige davon sind online auf den genannten Webseiten verfügbar. Ein paar Cheat-Sheets sind direkt als pdf- oder png-Datei fürs Ausdrucken und an die Wand pinnen optimiert.
7 Cheat-Sheets zu CSS3
CSS3-Kurzreferenz als pdf-Datei bei Smashing Magazine:
CSS-Eigenschaftenindex von CSS1 bis CSS3 bei Meiert.com:
147 CSS3-Farbnamen und ihre Werte bei Codenique.com:
CSS3-Help-Cheat als pdf-Datei bei Gosquared.com:
CSS3-Cheat-Sheet als pdf-Datei bei Sencha.com:
CSS3-Click-Chart mit Beispielcode-Generierung bei Css3clickchart.com:
Übersicht zu CSS3-Selektoren bei 456bereastreet.com:
10 Cheat-Sheets zu HTML5
HTML5-Kurzreferenz als pdf-Datei bei Smashing Magazine:
HTML5 Canvas Cheat-Sheet als pdf-Datei bei Nihilogic.dk:
HTML5 Cheat-Sheet zu Sicherheit bei Heideri.ch:
HTML5 Cheat-Sheet zu ID- und Klassennamen bei Oli.jp:
Flowchart zu HTML5-Elementen als pdf-Datei bei html5doctor.com:
HTML5 Pocketbook bei Adactio.com:
Informationen und Beispiele zu HTML5 sowie angrenzenden APIs bei Robertnyman.com:
Kurzreferenz zu Unterschieden zwischen HTML4 und HTML5 bei HTML-5.com:
HTML5 und CSS3 Cheat-Sheet bei Storiesinflight.com:
HTML5-Cheat-Sheet als Infografik bei Testking.com:
4 Cheat-Sheets zu jQuery
jQuery Kurzreferenz bei Oscarotero.com:
jQuery 1.4 Cheat-Sheet als pdf-Datei bei Impulsestudios.ca:
jQuery Visual Cheat-Sheet 1.7 als pdf-Datei bei Workup.com:
jQuery 1.2 Cheat-Sheet als png-Datei von Colorcharge.com:
Weiterführende Links:
von Jens Grochtdreis 12.03.2012 (17:15Uhr) 1.
Hey, super. Ihr macht wohl Altertumsforschung? Ihr postet ernsthaft Cheatsheets zu jQuery 1.4 und 1.2? Macht doch bitte eine neue Kategorie auf: "sinnlose Beiträge, die nur Pageimpressions generieren sollen".
Ihr habt wirklich eine Qualtitätsofffensive nötig, so wie Smashingmagazine vor ein paar Jahren.
von Sascha 12.03.2012 (21:13Uhr) 2.
Danke für die Links,
sind zwar nicht alle aktuell, aber dennoch sind einige brauchbare dabei.
von Jan Christe 13.03.2012 (10:15Uhr) 3.
@Jens: Ups, da können wir uns nur entschuldigen und Besserung geloben.
von Thomas Weise 14.03.2012 (20:32Uhr) 4.
Ich find das jetzt jedenfalls nicht so schlimm wenn hier beispielsweise ein Cheat-Sheet von jQuery 1.2 noch mit dabei ist. Solange einen Link zuvor noch ein (8-seitiges...) von jQuery 1.7 zu finden ist.
von 15 kostenlose jQuery- und CSS3-Tutorials… 15.04.2012 (12:10Uhr) 5.
[...] Hilfreiche Cheat-Sheets zu HTML5, CSS3 und jQuery [...]
von Hilfreiche Cheat-Sheets zu HTML5, CSS3 u… 16.04.2012 (09:26Uhr) 6.
[...] by armselig on 16.04.2012 in Allgemein var addthis_product = 'wpp-264'; var addthis_config = {"data_track_clickback":true,"data_track_addressbar":true,"ui_cobrand":"h4rk.net","ui_508_compliant":true};if (typeof(addthis_share) == "undefined"){ addthis_share = {"templates":{"twitter":"h4rked: {{title}} by @armselig u2605 {{url}}"},"url_transforms":{"shorten":{"twitter":"bitly"}},"shorteners":{"bitly":{"login":"armselig","apiKey":"R_3d7108af089820fab8f9f7413dce3c90"}}};}Hilfreiche Cheat-Sheets zu HTML5, CSS3 und jQuery » t3n News. Y U NO SAY STUFF ??!? 0 Comments Short URL cheatsheet [...]
von Hilfreiche Cheat-Sheets zu HTML5, CSS3 u… 13.07.2012 (08:56Uhr) 7.
[...] Wenn es um HTML-, CSS- oder jQuery-Code geht, kann man sich kaum alle verfügbaren Tags, Eigenschaften, Selektoren oder Events merken. [...]
von jascha.lampka 07.02.2013 (13:28Uhr) 8.
Leider sind mittlerweile einige der Links tot. Da solltet ihr auf jeden Fall nachbessern!
von Cheat sheets für Web-Entwickler - Netzl… 21.05.2013 (10:02Uhr) 9.
[...] t3n: Hilfreiche Cheat-Sheets zu HTML5, CSS3 und jQuery [...]