Drücke die Tasten ◄ ► für weitere 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 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.

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 . 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 Resource Box
114 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
9 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.

  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.

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

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

  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.

  5. von 15 kostenlose jQuery- und CSS3-Tutorials… am 15.04.2012 (12:10Uhr)

    [...] Hilfreiche Cheat-Sheets zu HTML5, CSS3 und jQuery [...]

  6. von Hilfreiche Cheat-Sheets zu HTML5, CSS3 u… am 16.04.2012 (09:26Uhr)

    [...] 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 [...]

  7. von Hilfreiche Cheat-Sheets zu HTML5, CSS3 u… am 13.07.2012 (08:56Uhr)

    [...] Wenn es um HTML-, CSS- oder jQuery-Code geht, kann man sich kaum alle verfügbaren Tags, Eigenschaften, Selektoren oder Events merken.  [...]

  8. von jascha.lampka am 07.02.2013 (13:28Uhr)

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

  9. von Cheat sheets für Web-Entwickler - Netzl… am 21.05.2013 (10:02Uhr)

    [...] t3n: Hilfreiche Cheat-Sheets zu HTML5, CSS3 und jQuery [...]

Deine Meinung

Bitte melde dich an!

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

Jetzt anmelden

Mehr zum Thema jQuery
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

iOS 7: So nutzt du den Blur-Effekt in deinen Webprojekten
iOS 7: So nutzt du den Blur-Effekt in deinen Webprojekten

Der Blur-Effekt von iOS 7 hat in kurzer Zeit Furore gemacht. In diesem Artikel erfahrt ihr, ob und wie ihr ihn auch für eure Webprojekte verwenden könnt – und ob schon performante Lösungen zur.. ... » weiterlesen

1.000 Euro Belohnung: t3n.de sucht einen Frontend-Developer (HTML5/CSS/JS) (m/w)
1.000 Euro Belohnung: t3n.de sucht einen Frontend-Developer (HTML5/CSS/JS) (m/w)

Zur Unterstützung unseres Entwicklerteams suchen wir ab sofort einen Frontend-Developer (m/w). Du kennst jemanden, der gut zu der Stelle passen könnte? Dann sicher Dir unsere Belohnung in Höhe... » weiterlesen

Kennst Du schon unser t3n Magazin?

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