Cheat Sheets für Webentwickler, Webdesigner und andere Webworker

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

Werbung

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.

Werbung