Autor: Ellen Bauer
-
CSS Grid-Systeme und Grid-Generatoren für Webdesigner
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…
-
Layout-, Raster- und Mockup-Tools und Ressourcen für Webdesigner
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…
-
Slab Serif Free-Fonts – die schönsten serifenbetonten Schriften im Überblick
Serifenbetonte Schriften, auch SlabSerif Fonts genannt, sind super für Logos, Überschriften oder Slogans geeignet, und man kann sie immer wieder auf modernen Webseiten im Einsatz bewundern. Kostenlose serifenbetonte Schriften gibt es jede Menge, daher habe ich dir meine Lieblings- SlabSerifen zusammen gestellt. Ich hoffe dir gefällt meine Auswahl :-)
-
Transparente Farben mit der CSS3-Funktion RGBA
Bisher war es üblich transparente PNGs zu verwenden, um transparente Flächen oder Hintergründe darzustellen. Das bedeutet man muss mühselig die transparenten Bilder in Photoshop vorbereiten, um sie dann im CSS Style Sheet aufzurufen. Mit der praktischen CSS3-Funktion »RGBA« kannst du ganz einfach transparente Hintergrundfarben, Rahmen, Schriften und sogar Schatten erzeugen.
-
Hintergrund-Verläufe mit CSS3
Um einen Hintergrund-Verlauf (gradient) mit CSS3 umzusetzen, musst du derzeit für Webkit (Safari, Chrome) und Mozilla (Firefox) noch unterschiedlichen CSS-Code nutzen. Da Internet Explorer und Opera derzeit leider noch keine CSS3 Verläufe unterstützen, kannst du für diese Browser entweder eine alternative Hintergrund-Farbe wählen, oder wie gewohnt ein JPG-Image als Verlauf…