Webdesign Tipps

Texten für das Web

kurze, prägnante Sätze, Absätze
aktive Formulierung
authentisch und persönlich
Wichtiges oder Fazit zuerst
keine Füllwörter wie: eigentlich, nun, ziemlich etc.
dem Zielpublikum angepasste Sprache: keine Fremdwörter und wenig bekannten Abkürzungen
strukturieren mit Zwischentiteln, Listen, Illustrationen
Emotionen transportieren

Serifenlose Schriften
genügend grosser Schriftgrad
angenehmer Kontrast zwischen Schrift- und Hintergrund-Farbe
genügend grosser Zeichen- und Zeilenabstand: Typetester
max. 60 bis 80 Zeichen pro Zeile
kein Blocksatz
Google Webfonts
Zitate als blockquote-Element mit integrierter cite-Eigenschaft für die Quelle, ev. lang-Eigenschaft, einbinden
Zitat-Autor als cite-Element innerhalb des blockquote-Elements plazieren
Spalten mit der CSS-Regel column-count erstellen

Content, Struktur und Layout trennen
CC (Conditional Comments) für browserspezifische Befehle und Regeln:
Paul Irish
Link Pseudoklassen Reihenfolge: Merkregel LoVe/HAte – link, visited, hover, active
CSS Browserpräfixe Reihenfolge: zuerst die Hersteller spezifischen und anschliessend die standardisierte Form:
prefixmyCSS
Inline- und Blockeigenschaften kombinieren: z.B. p {display: inline-block;}
Box-Modell Fehler umgehen: ...
CSS-Sprites reduzieren HTTP-Requests
Inhalte einfügen mit den Pseudoformaten :before | :after zusammen mit der Eigenschaft content
relative Grössenangaben : Tobani Umrechner
CSSmatic: umfassender Codegenerator
CSS verschönern: Codebeautifier
CSS komprimieren: csscompressor
CSS säubern: cleancss
CSS optimieren: cssoptimiser