6 Beiträge
Schnelle, unkomplizierte Skizzen auf Papier sind oft die einfachste Methode, um die ersten Ideen für ein neues responsive Webdesign-Layouts zu entwickeln. Um nicht auf einem ganz leeren Papier arbeiten zu müssen, kannst du dir fertige PDF-Skizzenvorlagen herunterladen und einfach einige dieser Vorlagen-Blätter ausdrucken. 1. Interface Sketches Auf der Tumblr-Seite „Interface Sketch“ findest du eine sehr…
Im 3. Teil des WordPress-Tutorials habe ich die Theme-Übersetzung mit Hilfe des Codestyling Localization Plugins vorbereitet. Inzwischen habe ich ein wenig am Theme weiter gearbeitet und möchte in diesem Tutorial-Teil zeigen, wie man die erste Grundstruktur des Layouts (Header, Content, Sidebar und Footer) im Theme aufbaut und mit welchen kleinen Tricks ich dabei immer arbeite.…
Ein Rastersystem kann beim Entwurf eines Webseiten-Layouts sehr nützlich sein, vor allem wenn man viele unterschiedliche Elemente und Inhalte auf der Webseite unterbringen möchte. Auch bei der Gestaltung von Unterseiten (z.B. einem Portfolio) kann ein Rastersystem helfen, eine einheitliche Struktur zu garantieren, ohne dass alle Webseiten die gleiche Seitenunterteilung haben müssen. Für alle, die sich…
Layouts, die auf einem Rastersystem (Grid) aufbauen, sind besonders bei Blogs im Magazin-Stil sehr beliebt. Denn auf Grund des Raster-Layouts kann auch viel Inhalt immer noch übersichtlich und anschaulich präsentiert werden. Doch nicht nur für Blog-Magazine, auch für dein Portfolio oder deinen privaten Blog kann ein Theme mit Grid-Layout geeignet sein. Für alle Fans von…
CSS Raster-Systeme sind eine tolle Hilfe, um Webdesign-Layouts besser zu strukturieren, und die Programmierung später so effizient wie möglich zu machen. Wenn man noch nie mit einem Raster-System gearbeitet hat, erscheint die Verwendung der Grids zuerst etwas kompliziert. Aber es ist eigentlich gar nicht so schwierig, und für alle Grid-Newbies finden sich etliche Tutorials und…
Beim Gestalten von Webseiten-Layouts, Seitenrastern und Mockups hat jeder Webdesigner so seine ganz eigenen Vorgehensweisen und Tricks. Und von chaotischer Zettelskizze bis super durchorganisierten, farbig strukturierten Layouts ist sicher alles vertreten ;-) Um den Design-Prozess zu optimieren und letztendlich wertvolle Zeit zu sparen, gibt es etliche kostenlose Tools und Ressourcen im Netz. Hier eine Auswahl…
© Elmastudio 2026. Theme: Architrave
