Vorheriger Artikel Nächster Artikel

Hilfreiche Cheat-Sheets zu HTML5, CSS3 und jQuery

Wenn es um HTML-, CSS- oder jQuery-Code geht, kann man sich kaum alle verfügbaren Tags, Eigenschaften, Selektoren oder merken. Design Resource Box hat in einem Artikel insgesamt 21 übersichtliche Cheat-Sheets zu , HTML5 und gesammelt. Wir stellen Euch den Artikel kurz vor.

Hilfreiche Cheat-Sheets zu HTML5, CSS3 und jQuery
HTML5 Cheat-Sheet als Infografik: Unterstützte Browser

Cheat-Sheets für Webworker auf einen Blick

Es gibt im Web viele umfangreiche Spezifikationen, Dokumentationen oder API-Referenzen zu , 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:

CSS3-Kurzreferenz als pdf-Datei

CSS-Eigenschaftenindex von CSS1 bis CSS3 bei Meiert.com:

CSS-Eigenschaftenindex von CSS1 bis CSS3

147 CSS3-Farbnamen und ihre Werte bei Codenique.com:

147 CSS3-Farbnamen und ihre Werte

CSS3-Help-Cheat als pdf-Datei bei Gosquared.com:

CSS3-Help-Cheat als pdf-Datei

CSS3-Cheat-Sheet als pdf-Datei bei Sencha.com:

CSS3-Cheat-Sheet als pdf-Datei

CSS3-Click-Chart mit Beispielcode-Generierung bei Css3clickchart.com:

CSS3-Click-Chart mit Beispielcode-Generierung

Übersicht zu CSS3-Selektoren bei 456bereastreet.com:

Übersicht zu CSS3-Selektoren

10 Cheat-Sheets zu HTML5

HTML5-Kurzreferenz als pdf-Datei bei Smashing Magazine:

HTML5-Kurzreferenz als pdf-Datei

HTML5 Canvas Cheat-Sheet als pdf-Datei bei Nihilogic.dk:

HTML5 Canvas Cheat-Sheet als pdf-Datei

HTML5 Cheat-Sheet zu Sicherheit bei Heideri.ch:

HTML5 Cheat-Sheet zu Sicherheit

HTML5 Cheat-Sheet zu ID- und Klassennamen bei Oli.jp:

HTML5 Cheat-Sheet zu ID- und Klassennamen

Flowchart zu HTML5-Elementen als pdf-Datei bei html5doctor.com:

Flowchart zu HTML5-Elementen als pdf-Datei

HTML5 Pocketbook bei Adactio.com:

HTML5 Pocketbook

Informationen und Beispiele zu HTML5 sowie angrenzenden APIs bei Robertnyman.com:

Informationen und Beispiele zu HTML5 sowie angrenzenden APIs

Kurzreferenz zu Unterschieden zwischen HTML4 und HTML5 bei HTML-5.com:

Kurzreferenz zu Unterschieden zwischen HTML4 und HTML5

HTML5 und CSS3 Cheat-Sheet bei Storiesinflight.com:

HTML5 und CSS3 Cheat-Sheet

HTML5-Cheat-Sheet als Infografik bei Testking.com:

HTML5-Cheat-Sheet als Infografik

4 Cheat-Sheets zu jQuery

jQuery Kurzreferenz bei Oscarotero.com:

jQuery Kurzreferenz

jQuery 1.4 Cheat-Sheet als pdf-Datei bei Impulsestudios.ca:

jQuery Visual Cheat-Sheet 1.7 als pdf-Datei bei Workup.com:

jQuery Visual Cheat-Sheet 1.7 als pdf-Datei

jQuery 1.2 Cheat-Sheet als png-Datei von Colorcharge.com:

jQuery 1.2 Cheat-Sheet als png-Datei

Weiterführende Links:

  1. All The Cheat Sheets An Up To Date Web Designer Needs: CSS3, HTML5 and jQuery – Design Resource Box
Vorheriger Artikel Zurück zur Startseite Nächster Artikel
5 Antworten
  1. von Jens Grochtdreis am 12.03.2012 (17:15 Uhr)

    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.

    Antworten Teilen
  2. von Sascha am 12.03.2012 (21:13 Uhr)

    Danke für die Links,
    sind zwar nicht alle aktuell, aber dennoch sind einige brauchbare dabei.

    Antworten Teilen
  3. von Jan Christe am 13.03.2012 (10:15 Uhr)

    @Jens: Ups, da können wir uns nur entschuldigen und Besserung geloben.

    Antworten Teilen
  4. von Thomas Weise am 14.03.2012 (20:32 Uhr)

    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.

    Antworten Teilen
  5. von jascha.lampka am 07.02.2013 (13:28 Uhr)

    Leider sind mittlerweile einige der Links tot. Da solltet ihr auf jeden Fall nachbessern!

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema jQuery
Hybride App-Entwicklung: 7,5 Frameworks, die du kennen solltest
Hybride App-Entwicklung: 7,5 Frameworks, die du kennen solltest

Entwickler, die nativen Code pro Endgerät schreiben, lieben natürlich ihren Code. Aber was ist, wenn die App auch auf anderen Plattformen laufen soll? Richtig, die selbe App muss dann nochmal für … » weiterlesen

Cheat-Sheets für Webdesigner: Jede Menge Helfer im Überblick
Cheat-Sheets für Webdesigner: Jede Menge Helfer im Überblick

Webdesigner und Entwickler eint ein Dilemma: Es ist fast unmöglich, alle Shortcuts und Tastaturkürzel der verwendeten Software sowie unterschiedliche Programmiersprachen und Frameworks im Kopf zu … » weiterlesen

CSS- und HTML5-Templates: 6 Quellen für dein nächstes Webprojekt
CSS- und HTML5-Templates: 6 Quellen für dein nächstes Webprojekt

Viele Websites und Landingpages lassen sich problemlos mit einem Template umsetzen. Zahlreiche CSS- und HTML5-Templates laufen unter einer Creative-Commons-Lizenz und können kostenlos genutzt … » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?

t3n 40 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen