Garage öffne dich – Horizontales Menü mit Rolladen Effekt

Vor ca. einem halben oder dreiviertel Jahr erinnere ich mich an einen Anruf eines an einer Webseite Interessierten. Um was genau es gehen sollte wollt er mir nicht so recht verraten bzw.  hat schmunzelnd immer ein bisschen um den heißen Brei herumgeredet. Wichtig war ihm jedoch, dass er auf seiner Webseite Schaufenster haben wollte und … Weiterlesen

CSS Signaturen

Fügt man einer Webseite eine CSS-Signatur hinzu, können User über die individuelle Formatierung ihres User-Stylesheets des Browsers das Aussehen einer Webseite nach ihren eigenen Wünschen verändern.
Wie es gemacht wird beschreibt:
Manuel Bieh
http://www.manuel-bieh.de/blog//css-signaturen 
Eric Meyer
http://archivist.incutio.com/viewlist/css-discuss/13291 

Webseiten in alten Versionen des Internet Exploreres testen

Jeder, der Webseiten entwickelt wird sich schon einmal die Haare gerauft oder Schlimmeres getan haben, wenn er sein Werk z.B. über Browsershots.org auf das Aussehen in den verschiedenen Browsern getestet hat. Webdesign könnte so schön, so erfüllend und so einfach sein – wenn, ja wenn es nicht die alten Versionen des Internet Explorers geben würde … Weiterlesen

Widescreens und flexible Breiten von Webdesign Layouts

Bei mir hat nun auch endlich ein neuer Monitor Einzug gehalten. Der Röhrentrümmer ist weg,  vor mir steht ein schnuckliger Asus Flatscreen -  und man gewöhnt sich doch sehr schnell und sehr gerne an das gefällige Format.  Das Arbeiten mit dem html Editor und mit dem Grafikprogramm ist nun sehr viel komfortabler als vorher.  Ich … Weiterlesen

CSS Browserreset

In den meisten meiner Webseiten, insbesondere in den jüngeren, wird man am Anfang der .css Datei Eric Meyer’s Browserreset finden. Irgendwann hatte ich es mal ausprobiert und für gut befunden. Durch den Browserreset werden alle herstellerspezifischen Einstellungen auf 0 zurückgesetzt. Das heißt: Listen li beginnen links und haben keine List-style-types, Rahmen verschwinden und alles was … Weiterlesen

CSS Frame Generator

Es passiert, dass ich den output eines Skriptes habe und dann das css dazu schreibe.  Jeder der Ähnliches schon gemacht hat weiß, dass man dann im fertigen Quelltext die Elemente rausfieseln muss um deren Eigenschaften in der .css zu beschreiben. Ein kleine Arbeitshilfe bietet der .css Frame Generator – wobei mich die Bezeichnug „Frame“ etwas … 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

Einsatz von Attributselektoren

Zu Beginn der Arbeit mit xhtml und CSS kann man schon zufrieden sein, wenn sich eine Webseite wie gewünscht, in den gängigen Browsern ohne Bugs auf dem Monitor zeigt und den Validatortest besteht.
Nach und nach kommt man jedoch drauf, dass Webseiten nach Webstandards etwas mehr sind. Eine Seite valide zu machen erscheint nach einer gewissen … Weiterlesen

CSS basierte Mini Fotogalerie

Diese kleine Fotogalerie war eigentlich mehr ein Zufallsereignis. Als Vorlage diente [diese Beschreibung von Cornelia Lange] über ein CSS Linkpopup, mit welchem man zusätzliche Informationen zu einem Link anzeigen lassen kann.
Was mit Texten geht, sollte auch mit Bildern gehen : Voilà.

[Hier geht es zur Beispielseite]
Wer mag kann sich den Code dort runterziehen.
Diese Galerie ist es, … Weiterlesen