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. Resource Box hat in einem Artikel insgesamt 21 übersichtliche Cheat-Sheets zu CSS3, 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:15Uhr)

    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:13Uhr)

    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:15Uhr)

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

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

    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:28Uhr)

    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
Dropdown-Menüs: 20 Demos von simpel bis schick – inklusive Download und Tutorials
Dropdown-Menüs: 20 Demos von simpel bis schick – inklusive Download und Tutorials

HTML5 und CSS3 bilden die Standards, die Webseiten- und Mobile-Web-Entwicklung aktuell prägen. Es gibt unzählige Variationen von Dropdown-Menüs und Tutorials auf Basis dieser Technologien – vor … » weiterlesen

t3n-Blogperlen: Die 10 besten deutschsprachigen Blogs für Entwickler
t3n-Blogperlen: Die 10 besten deutschsprachigen Blogs für Entwickler

In der neuen Rubrik „t3n-Blogperlen“ beschäftigen wir uns heute mit zehn lesenswerten deutschsprachigen Blogs für Webworker und Entwickler. Wählt euren Favoriten! » weiterlesen

t3n-Aktion: „Schrödinger lernt HTML5, CSS3 und JavaScript“ [+Verlosung]
t3n-Aktion: „Schrödinger lernt HTML5, CSS3 und JavaScript“ [+Verlosung]

Du willst in die Webentwicklung einsteigen und HTML5, CSS3 und JavaScript lernen? Das etwas andere Fachbuch „Schrödinger lernt HTML5, CSS3 und JavaScript“ vermittelt mit Witz die Theorie und … » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen