Design

Responsive Website-Designs mit Pure0

Von bennyn am 20. Januar 2014 in

Zur Umsetzung von responsiven Webseiten gibt es eine Vielzahl an CSS-Frameworks. Ein CSS Framework, das mir besonders gut gefällt, ist Pure. Pure besteht aus verschiedenen Modulen und kann Basis-Klassen für Navigationsleisten, Buttons, Tabellen, Formulare und Textinhalte vorgeben. Die einzelnen Module sind im Durchschnitt genau 1 KB groß und als Gesamtpaket sogar nur 4,4 KB. Mit dem Grid-Modul (0,9 KB) lässt sich ganz schnell ein Rasterlayout für eine Webseite erstellen, das sich je nach Bildschirmgröße anpasst und perfekt auf einen gleichzeitigen Designentwurf für Smartphones, Tablets und Desktops ausgelegt ist. Im Folgenden möchte ich ein Beispiel-Layout zeigen, das ich entworfen habe und welches die Inhalte einer Webseite modular aufbaut.
Weiterlesen …

bennyn.de – Version 1.10

Von bennyn am 25. Oktober 2009 in ,

Zusammen mit der Umstellung auf Winterzeit (ja, die Uhren haben sich gerade von 3 Uhr auf 2 Uhr zurück gedreht), stelle ich meine Homepage vom Standard WordPress-Design auf bennyn.de – Version 1.1 um. Das Layout dazu existierst schon ziemlich lange. Enstanden ist es im Rahmen eines Abschlussprojekts im Fach Mediengestaltung an der Fachhochschule Brandenburg. Mit großer Unterstützung von Holger Wettstein. Die Ameise stammt übrigens von der Designerin Ivana Forgo. Vielen Dank dafür!

An dieser Stelle möchte ich auch noch erwähnen, dass bennyn.de – Version 1.1 nur eine Vorab-Version ist. Diese Seite ist noch nicht für den Internet Explorer 6 geeignet. Wer Probleme mit der Auflösung hat, dem soll gesagt sein, dass diese Webseite für eine Bildschirmgröße von 1280×800 Pixeln (oder höher) angepasst wurde. Die verwendeten Grafiken sind übrigens PNGs, die im Gegensatz zu JPEGs wenigstens verlustfrei sind. Leider habe ich zum Start des neuen Designs noch kein Gästebuch parat und auch am Inhalt ist noch nichts dazu gekommen. Deshalb tut einfach so, als würde die Seite aussehen wie immer und schreibt mir euer Lob erst, wenn ich die Seite komplett fertig habe. *g* Inhaltliche Fehler und Bugs dürfen natürlich schon vorher gemeldet werden. Ich bin für jeden Hinweis dankbar.

Viele Grüße

Benny

Microsoft Certified Professional Logo
 

Werbung