Platzhalterbilder zur Layout-Entwicklung

Wenn man ein Layout entwickelt (z. B. mit Wireframe), fehlen oft „irgendwelche“ Inhalte um es schematisch darstellen zu können. Bei Texten behilft man sich oft mit dem berühmten „lorem ipsum„, das nicht selten auch in einem finalen Druck zu finden ist.

Platzhalter für Bilder

Platzhalter für Bilder.

Doch wie sieht es mit Bildern aus? Die konventionelle Methode sind diagonale Striche durch einen Kasten, was aber nicht besonders anschaulich ist. Natürlich findet man im Internet überraschend flexible Lösungen.

Platzhalterbilder zur Layout-Entwicklung weiterlesen

CSS: Form folgt Funktion.

Egal, ob man eine Website in statischem HTML entwickelt oder ein CMS verwendet, man sollte immer auf eine Trennung von Inhalt und Design achten. Ein Grundsatz, der nicht selten ausgerechnet von „Mediengestaltern“ mißachtet wird, um eine Website rein nach Design-Kriterien in ein unzerstörbares Layout zu gießen (z. B. mit Tabellen und festen Breiten, Blind GIF oder Schriftgrafiken). Ursache sind dabei auch grafische Entwicklungsprogramme, die unbequemes technisches Hintergrundwissen aus „Komfortgründen“ vom Benutzer fernhalten. Das Ergebnis ist nicht selten umfangreicher, behäbiger Code und kaum barrierefrei.

Dabei hat eine barrierarme Gestaltung nicht nur enorme Vorteile bei Pflege und Weiterentwicklung der Homepage, sondern kommt auch der Suchmaschinen-Freundlichkeit zu Gute. Weil solche Seiten besser analysiert werden können, erreichen sie i. d. R. ein besseres Ranking ganz ohne Tricks. Eine Schlüsselfunktion haben dabei „cascading style sheets„, kurz CSS. — Wie funktionieren CSS und wie kann man sie nutzen?

CSS: Form folgt Funktion. weiterlesen

Webfonts — Schriftenvielfalt auf der Website [Update]

Viele „Konzeptionen“ von Websites konzentrieren sich darauf, als erstes den „richtigen“ Schriftschnitt und die „richtige“ Farbe festzulegen — Inhalte kann der Designer ja aus der PDF-Broschüre umkopieren.

Schriften ausprobieren mit Best Web Fonts

Schriften ausprobieren mit „Best Web Fonts“.

Das setzt nicht nur die falschen Maßstäbe bei der Konzeption einer Website, sondern ist auch aus technischer Sicht nicht ganz unproblematisch. Lange Zeit ist man bei der Auswahl der Schriften tatsächlich darauf angewiesen, was auf dem Computer des Lesers installiert ist, weshalb in den HTML- bzw. CSS-Beschreibungen standardmäßig Schrift-Familien angegeben werden. So wird aus „sans serif“ je nach Computer im Browser eine Arial oder eine Helvetica.

Webfonts — Schriftenvielfalt auf der Website [Update] weiterlesen