Every Layout ist eine neue, im Entstehen begriffene Website und ein Buch von Heydon Pickering und Andy Bell, das erklärt, wie man gängige Layout-Muster mit CSS erstellt. Sie beschreiben viele der Probleme, die bei der Gestaltung dieser Layouts auftreten, wie z. B. responsive Probleme und die Sicherstellung, dass wir alle wartbaren Code schreiben, und stellen dann am Ende jedes Artikels einen praktischen Generator zur Verfügung, um unsere eigenen kleinen Frameworks für den Umgang mit diesen Dingen zu erstellen.
Sie haben auch einen ergänzenden Blog, und einer der Beiträge mit dem Titel „Algorithmic Design“ hat mein Interesse geweckt.
Wir machen viele unserer größten Fehler als Webdesigner, indem wir auf hart kodierte Designs bestehen. Wir brechen die Layout-Algorithmen der Browser, indem wir unseren Inhalten feste Positionen und Dimensionen zuweisen.
Stattdessen sollten wir ehrfürchtig gegenüber den zugrundeliegenden Algorithmen sein, die CSS antreiben, und wir sollten in Algorithmen denken, wenn wir Layouts auf der Grundlage dieser Fundamente extrapolieren. Wir müssen Selektorlogik nutzen, das Fließ- und Umbruchverhalten beherrschen und Berechnungen verwenden, um das Layout an den Kontext anzupassen.
Die Werkzeuge für flexibles, robustes und effizientes Web-Layout sind vorhanden. Wir sind nur zu beschäftigt damit, CSS zu produzieren, um sie zu nutzen.
Ich freue mich darauf zu sehen, wohin dieses Projekt führt und wie viele weitere Layouts diese beiden dokumentieren werden.