Entwicklung & Design

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 Events merken. Design Resource Box hat in einem Artikel insgesamt 21 übersichtliche Cheat-Sheets zu CSS3, HTML5 und jQuery gesammelt. Wir stellen Euch den Artikel kurz vor.

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 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:

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
Zur Startseite
Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

9 Kommentare
Jens Grochtdreis

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
Sascha

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

Antworten
Jan Christe

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

Antworten
Thomas Weise

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
jascha.lampka
jascha.lampka

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

Antworten

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!

Hey du! Schön, dass du hier bist. 😊

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team bestehend aus 65 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Danke für deine Unterstützung.

Digitales High Five,
Stephan Dörner (Chefredakteur t3n.de) & das gesamte t3n-Team

Anleitung zur Deaktivierung