Mit Sprites die Webseite schneller machen

Bin schon da … sagte der Igel.

Ein nicht zu unterschätzendes Kriterium um Besucher auf einer Webseite zu halten ist die Ladezeit der Seite. Zwar hat sich einiges aufgrund verbesserter Internet-Anschlüsse getan und viele User gehen inzwischen mit High-Speed ins Internet, aber viele eben auch noch nicht. Grund genug mal ein Auge drauf zu werfen und … Weiterlesen

Das Runde in das Eckige – Rounded Corners mit CSS

Der Retro-Style im Webdesign ist ja immer noch in. Bei solchen Designs sind ausgerundete Ecken häufig zu sehen. Wobei ich mich gerade frage, ob runde Ecken neben den Schatten eigentlich auch in die Kategorie „webzwonullig“ fallen. Hm. Wie dem auch sei. Ich mag es ja lieber überwiegend eckig und zackig (typisch 80er Jahre Kind) … Weiterlesen

Alles ist im Fluss – und das nicht nur im Markup. Der Flow im Webdesign

Alles ist im Fluss
und diesmal meine ich damit nicht die Anordnung der html-Elemente im Markup einer Webseite sondern
„das lustbetonte Gefühl des Aufgehens in einer Tätigkeit“
(Zitat: Wikipedia).
Wahrscheinlich ist das einer der Gründe, warum ich die Arbeit an einem Design für eine Webseite so mag – es sind Aufgaben die man bewältigen kann, die zwar … 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

Passwort für WordPress auf Localhost vergessen

Passiert mir recht häufig und je mehr Blogs es werden, desto häufiger passiert das :
Weblog lokal installiert und keiner da, der einem ein neues Passwort zuschicken kann, weil man mal wieder nichts aufgeschrieben hat. Was nun, sprach Zeus … ?
Die Passwörter sind in der Datenbank gespeichert. Also PHP-myAdmin besuchen, Datenbank öffnen und in der Tabelle … Weiterlesen

Das Verwenden von Rastern (Grids) in Webseitenlayouts

Da ich in meinen letzten Templates ohnehin schon in archaischer Form so etwas Ähnliches verwendet habe, ist das jetzt der Anreiz mich demnächst einmal näher mit dem Thema zu beschäftigen. An dieser Stelle schonmal ein paar informierende Links :
praegnanz.de
tutorialblog.org
smashingmagazine.com
mezzoblue.com
designbygrid.com
agenturblog.de
www.sitepoint.com
Breaking out of the box. Ein interessanter Artikel von Jina Bolton
Grid … 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

Floats clearen

Heute ist der Tag der Notizen.
Einfach, aber plump kann man ein float durch ein div oder break mit der Eigenschaft float einsetzen. Etwas eleganter sollte es mit anderen Methoden gehen:
[www.sitepoint.com]
[annevankesteren.nl]Â