Webdesign

Inhalte im Design simulieren

Idealerweise sollte schon bei der Konzeption einer Webseite eine genaue Vorstellung über die Inhalte vorliegen. Denn schliesslich bestimmt am Ende der Inhalt die Sinnhaftigkeit von Designideen. Wenn wir von Anfang an wissen, dass Überschriften in Teasern immer zwei- wenn nicht gar dreizeilig auf dem Desktop sein werden, kann der Designer passend drauf reagieren. Auch eine horizontale Navigation lebt von der Länge der Navigationspunkte. Details wie der Autorenname eines Artikels oder eines Kommentars wirken anders, wenn es sich um kurze oder lange Namen handelt.
(mehr …)

Die Nutzung von Tools im Frontend

An der Uni Mainz lehre ich Frontendentwicklung von der Pike auf. Wir kümmern uns nicht um Tools oder Frameworks, weil die Studenten erst einmal die Basics lernen sollen. Manch einem, der Frontendentwicklung macht, würde dies auch gut zu Gesicht stehen. Vor allem die Grundkonzepte von CSS (Boxmodell, Kaskade, Spezifität) sowie die Funktionsweise von Positionierung und Floats sind bei sehr vielen Kollegen Schwachpunkte.

Doch sind diese Grundlagen intus, spricht nichts gegen Vereinfachungen und Abkürzungen. Insbesondere bei Profis sollten diese Vereinfachungen m.E. zum Tagesgeschäft gehören.
(mehr …)

Linkfutter 263 – Farben

Linkfutter 250 – die Jubiläumsausgabe

250mal habe ich nun schon mein „Linkfutter“ publiziert. Mein Gedanke war damals, als ich damit begann, wenn ich schon selten eigene Artikel schreibe, sollen meine Leser gutes Lesefutter von anderen bekommen. Es gibt einfach zuviele gute Artikel und Tools da draussen. Ein Überblick schadet nicht. Auch wenn mein Blog dadurch mehr und mehr zum Linkblog „verkommen“ ist, so hat es in meinen Augen nun erst Recht einen Nutzen. Und mehr will ich nicht.

Passend zu meinem Jubiläum möchte ich auf das Jubiläum eines ganz wichtigen Artikels hinweisen: „A Dao of Web Design„. Er ist sicher einer der einflussreichsten und bedeutendsten Artikel, die jemals über Frontendentwicklung geschrieben wurden.

Im Artikel „A Dao of Web Design at 15“ schaut der Autor auf die 15 Jahre seit der Veröffentlichung zurück. Die Redaktion von „A List Apart“, bei der „Dao“ erschien, hat ein paar Stimmen zum Artikel eingeholt: „15 Years of Dao„. Schon 2011 hat John Allsopp einen Vortrag namens „The Dao of Web Design Revisited“ gehalten.

Modulare Webentwicklung – Kurzvortrag

Auf dem Barcamp Heidelberg habe ich am letzten Samstag einen Vortrag über modulare Webentwicklung gehalten. Normalerweise halte ich zu dem Thema halbtägige Schulungen, meist in Agenturen. Aber für das Barcamp habe ich die Themenfülle zusammengedampft. Ich war überrascht, dass ich mit kurzen Nachfragen bei exakt 45 Minuten gelandet war.
(mehr …)

Inspiration für Buttons

Codrops ist immer wieder eine Quelle der Inspiration. In meinem Kurs an der Uni-Mainz habe ich den Studenten auch einmal eine globale Aufgabe gegeben, sie sollten Links und Buttons gestalten. Ich gab ihnen ein paar Hinweise, den Rest sollten sie sich selber denken. Aber auf solche tollen Ideen kommt man dann doch eher selten selber.

Animiertes SVG-Menü zusammenbauen lassen

Sara Soueidan ist die Entwicklerin, die man im Blick haben muss, wenn es um die Nutzung von SVG geht. Neben vielen tollen Talks und Artikeln hat sie jetzt ein Tool veröffentlicht, mit dem man ein auf SVG basierendes animiertes Menü erstellen kann. Die Menüpunkte können dabei im Kreis oder in einem Teil eines Kreises angeordnet werden. Nicht nur das Tool ist interessant, auch die Erläuterungen von Sara dazu sind es. Es gibt zudem zu einzelnen Beispielen Codepens, mit denen man selber experimentieren kann.