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.
Weiterlesen
Kategorie: Webdesign
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.
Weiterlesen
Linkfutter 263 – Farben
- Auf Colorrrs muss man einfach nur die Space-Taste drücken, um per Zufall eine Farbe seitenfüllend gezeigt zu bekommen. Prima Geschichte, wenn man auf Ideensuche ist.
- Color Hunt – Curated collection of beautiful colors, updated daily.
- Making and Breaking the Web With CSS Gradients
- HTMLColorCodes.com ist eine nette Sammlung von Tools und Infos rund um Farben.
- Cohesive Colors – Farbschemata erstellen
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.
Linkfutter 246 – Design
Kjell Reigstad hat eine kleine Serie über Designprinzipien geschrieben:
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.
Weiterlesen
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.