Farbverlauf für Webseitenhintergrund erstellen

Der Hintergrund für eine Webseite kann wichtig sein um den Text ins rechte Licht zu rücken. Ist dieser mit einer hellen Farbe hinterlegt, kann der Hintergrund (rechts und links neben dem Text) dunkler gewählt werden. Dadurch erscheint der Text wie in einer Art „Rampenlicht“, das Auge schaut automatisch dorthin.
Wenn man nicht gerade eine Kachel mit … Weiterlesen

Eine Webseite entsteht

Immunselbsthilfe geht online
Wenn mich interessierte Kunden anrufen, fragen sie meist im Verlauf des Gespräches wie denn das Prozedere der Entstehung einer Webseite so von statten geht. Deswegen möchte ich heute mal ein bisschen aus dem Nähkästchen und über die Entstehungsgeschichte der Webseite www.immunselbsthilfe.de plaudern.
Anfang September kam der erste Kontakt mit dem Betreiber der Seite, … Weiterlesen

Die Kunst der Einfachheit

Vollkommenheit entsteht nicht dann, wenn man nichts mehr hinzufügen kann, sondern wenn man nichts mehr weg lassen kann.
Antoine de Saint Exupéry

Weglassen oft schwieriger als man denkt
Bei meiner Entwürfsarbeitist es oft so, dass ich in einen wahren Farben- und Formenrausch verfalle. Das steigert sich bis zu einer schon fast euphorischen Begeisterung. Dieses Gefühl lässt aber relativ … Weiterlesen

Hab ich Layout oder nicht? HasLayout Bug.

Es war einmal ein container, der hatte keine width und keine height und floatete auch nicht. Das arme Ding hatte nichts, es hatte kein Layout. Oder um es etwas förmlicher zu auszudrücken: Im IE verschwand ein Hintergrundbild beim Hovern über die Menülinks in der Sidebar weil dieEigenschaft „hasLayout“ vermutlich auf false gesetzt war.
Ein Element hat … Weiterlesen

Newbie fragt : Was ist CSS ?

Mein Sohn bastelt zur Zeit an seiner ersten Webseite und fragte mich heute Morgen, warum seine Seite im Firefox nach link gerutscht sei und im Internet-Explorer nicht?
Der Grund war schnell gefunden, im css fehlte ein {margin: 0 auto 0 auto;}
Anlass genug , dass wir uns darüber unterhielten was denn eigentlich eine .css Datei so tut … Weiterlesen

Designepochen erkennen

Stilrichtungen zu erkennen ist, wenn es um Gebäude früherer Jahrhunderte geht, wesentlich einfacher, als wenn es sich um Gebäude der Neuzeit handelt. Architektur, Literatur, Malerei, Mode, Design – alles Dinge, die einen gewissen Zeitgeist und Zeitgeschmack zum Ausdruck bringen. In den 80er Jahren war z.B. die postmoderne Architektur hip, dann kam zunehmend Dekonstruktivistisches. In den … Weiterlesen

Die Startseite ist tot – es lebe die Startseite

Es gab eine Zeit, da war es „in“ dem Auftakt einer Webseite eine besonders gestaltete Startseite zu spendieren. Auch heute noch findet man hier und da solche „Splashscreens“ die nichts weiter enthalten, als ein animierendes Bild und einen Link zur Weiterleitung in das Innere der Webseite.
Die Vorstellung, dass man eine Webseite wie einen Laden … Weiterlesen

Bilder mit Lightbox Effekt

Fotoquelle : Kellermeister | photocase.com
Heute habe ich den Lightbox-Effekt in diesem weblog installiert. Das Anzeigen eines Bildes mit durchscheinendem Overlay habe ich schon eine ganze Weile bewundert und dachte immer, dass das wohl ziemlich kompliziert sein muss.
Ist es aber nicht. Im Gegenteil – Lightbox ist in gemütlichen 5 Minuten installiert.
Klick doch mal auf das Bild … Weiterlesen

Neues von Grid Layouts

Soeben bei Golem gefunden. Ich würde mich ja echt freuen, wenn es mal wieder etwas Neues geben würde. Mit CSS§ soll es ein Grid Positioning Module geben und zwei neue Eigenschaften (grid-columns für Spalten und grid-rows für Reihen) mit denen man Webseitenlayouts wie Zeitungsspalten entwerfen kann.
Grid Positioning erlaubt dabei die Positionierung an einem Gitternetz.
http://www.golem.de/0709/54710.html

Richtig Druck machen – Einfaches Stylesheet für die Druckausgabe

Informative Quellen:
http://www.style-sheets.de/guide/medien/print
http://www.mediaevent.de/css/pagedmedia.html
http://aktuell.de.selfhtml.org/artikel/css/drucklayout/
CSS Webseiten bieten neben vielen anderen, noch einen weiteren netten Vorteil: man kann über eine print.css auch das Aussehen des Drucks einer Webseite verbessern. Die Voreinstellungen des Browsers für die Printausgabe sind zwar hinreichend, aber schön ist erstens was anderes und zweitens werden doch auch noch viele Bilder mitegdruckt, was … Weiterlesen