Cheat Sheets sind nützliche Helferlein für Webentwickler und Webdesigner.
Auf den meist A4 großen Cheat Sheets finden sich zum Beispiel Befehls-Übersichten, Display-Größen, SEO-Tipps, Social Media Eckdaten und vieles mehr.
Für eine bestimmte Aufgabe findet man darauf meist eine nützliche Übersicht der Möglichkeiten und Optionen.
In diesem Artikel stelle ich Cheat Sheets für Webentwickler, Webdesigner und andere Webworker vor.
Cheat Sheets für Webentwickler, Webdesigner und andere Webworker
Im Folgenden ein paar ausgewählte Cheat Sheets für Tipps, Übersichten, Best Practices und mehr.
Web Developer’s SEO Cheat Sheet 2.0
Die aktualisierte Version dieses SEO Cheat Sheets findet sich auf moz.com.
Auf 4 Seiten gibt es umfangreiche Infos über wichtige HTML-Elemente, Status Codes, Best Practices, Syntax, User-Agents, Authorship und einiges mehr.
Der perfekte Begleiter für jeden SEO und an SEO interessierten Webdesigner/-entwickler.
Web Design for Dummies
Aus dem Buch “Web Design for Dummies” stammt dieses Cheat Sheet. Darauf finden sind die wichtigsten Webdesign Tipps.
So gibt es Basis Tipps, Tipps für Web-Grafiken, Infos zum Seitenaufbau und zur Navigation. Für den Einsteiger ganz interessant.
Elements of Design
Eine Überblick über die wichtigsten Elemente von (Web)Designs findet sich auf diesem Cheat Sheet Poster.
Es ist sicher nicht viel mehr als eine Erinnerung an all die Basis-Möglichkeiten, die man als Designer hat.
Dafür ist es aber gut geeignet und übersichtlich.
HTML Cheat Sheet fürs Online-Marketing
Wer sich zwar mit dem Web beschäftigt und z.B. eine Website betreut, aber sich nicht mit HTML auskennt, findet hier eine Hilfe.
Auf diesem Cheat Sheet werden die wichtigsten HTML und CSS Elemente erklärt und es gibt je ein Beispiel.
Damit kann man einfache Änderungen und Anpassungen selbst vornehmen.
Typografie
Ein Cheat Sheet über Schriften, deren “Aussagen” und den richtigen Einsatz gibt es auf fastcodesign.com.
Darauf erfährt man die Grundlagen guter Typografie und erfährt, was einzelne Schriften “sagen”.
Für Webdesigner sehr nützlich und oft unterschätzt.
Responsive Web Design Cheat Sheet
Einfach aber irgendwie auch stylisch kommt dieses Cheat Sheet daher.
Darauf ist farblich die Breite diverser Endgeräte dargestellt, so dass man als Webdesigner schnell erkennt, mit welcher Breite man auf welchem Gerät rechnen muss.
Simple, aber gut.
Social Media Design Blueprint
Auf diesem Cheat Sheet sind die Layout-Abmessungen für insgesamt 7 Social Networks aufgeführt und dargestellt.
Wer also für Facebook, Twitter, YouTube und Co. eigene Layouts oder Layoutelemente erstellen will, findet hier alle notwendigen Maße.
Deutlich länger als A4 und deshalb schwer auszudrucken, aber dennoch sehr nützlich.
Social Media 2013/2014
Auf diesem Cheat Sheet werden die wichtigsten Social Media Angebote aufgelistet und es gibt jeweils eine Kurzinfo zu den Nutzern, die Vorteile und die Nachteile.
Damit kann man sich einen schnellen Überblick verschaffen und das Netzwerk aussuchen, was am besten zu einem passt.
Für den ersten Überblick gut.
Google SEO Guide
Auch Webdesigner kommen um SEO nicht herum. Ein SEHR einfaches Cheat Sheet kommt von Google selbst.
Darauf sind ein paar wenige SEO-Maßnahmen beschrieben. Das ist aber wirklich nur für jene hilfreich, die sich mit SEO bisher überhaupt nicht beschäftigt haben.
Cheat Sheet Sammlungen
Ein paar nützliche Sammlungen an interessanten Cheat Sheets habe ich ebenfalls zusammengetragen.
So findet sich auf inmotionhosting.com unter anderem eine SEO Audit Checklist. Des Weiteren gibt es 2 HTML5 Cheat Sheets.
Auf siliconbeachtraining.co.uk finden sich noch mehr Cheat Sheets. Neben HTML5 und CSS wird unter anderem auch jQuery, Python, PHP und mehr behandelt. Für Webentwickler optimal.
Eine richtig große Sammlung von insgesamt 40 Cheat Sheets bietet die Website smashingapps.com an. Von Tools, über Programmiersprachen bis hin zu Webdesign-Tipps gibt es dort eine Menge zu finden.
Danosch meint
Wusste gar nicht, dass es so etwas überhaupt gibt. Werde mir direkt einmal das SEO Cheat Sheet vorknöpfen.
Sebastian meint
Das SEO Cheat Sheet von SEOmoz ist wirklich super. Dann kann ich die alte gedruckte Version bei mir in der Ablage ja durch die neue ersetzen.
Cheat Sheets als Grafik oder Webseite finde ich irgendwie “witzlos”. Ich möchte ein solches Sheet schnell zur Hand haben. Da will ich keine Grafik oder Webseite öffnen. PDF und für den Druck optimiert. So muss es (für mich) sein. :-)
Dimitri meint
Web Developer’s SEO Cheat Sheet 2.0 – Muss jeder auf seinem Schreibtisch liegen haben. Top zusammenfassung. Gefällt mir. Danke Peer!
Alexander meint
Interessante Sammlung. Werde mir einige mal näher anschauen. Danke für die Auswahl.
Metin meint
Hallo,
ich verwende Cheat Sheets Grafiken als Hintergrundbild, sodass ich beim arbeiten nicht immer eine Grafik öffnen muss und nur mal das Programm minimieren kann. ;)
Ich finde die Idee der Infographic gut, aber zum Ausdrucken und wie CheatSheets zu verwenden irgendwie umständlich. Man müsste sie eher als Poster ausdrucken und an die Wand tapen.
Schöen Grüße
bAmpT meint
Die Google SEO Guide sollte eigentlich am wichtigsten sein, ist aber leider viel zu kurz. Warum es keine ausführlichere Guide von der größten Suchmaschine gibt ist mir ein Rätsel?!
Markus meint
Danke für die Zusammenstellung Peer! Cheatsheets zum schnellen Nachgucken und dazu noch vorselektiert und verlinkt. Mehr Effizienz geht nun wirklich nicht ;)
Kevin meint
Vielen Dank für die nützliche Zusammenstellung! Habe das Webdesign Cheatsheet als alternative zu einer Webdesign Beratung bei einer Webagentur genutzt! Hat zwar etwas Zeit gekostet, aber habe dadurch Geld gespart! Super Sache!