Browsing Design's Archives »»

Das Internet ist voll von unspektakulären Webseiten. Sich daraus hervorzuheben sollte das Ziel eines jeden Webmasters sein. Wem aber Flash oder aufwendige dynamische Webseiten nicht liegen, der kann seine Seite auch mit simplen Zeitfeatures aufwerten.

Es gibt viele Gründe, warum man seine Webseite über die Tageszeit steuern könnte. Dies beginnt beim tageszeitgerechten Design und hört beim Sperren der Seite für bestimmte Uhrzeiten oder Tage auf. Möchte man beispielsweise für Tag und Nacht eine unterschiedliche Darstellung erreichen, so kann man auf die htaccess Datei sowie die folgenden Zeilen zurück greifen und entsprechend der Uhrzeit verschiedene Seiten einstellen: weiterlesen

Veröffentlicht in Design, Webserversend this post

Wir haben bereits über Sprites berichtet und erklärt, wie diese funktionieren. Verwendet man diese Methode mit einem sich verschiebenden Hintergrundbild für Effekte in einer Navigation, dann werden Textlinks für eben diese überflüssig.
Leider stimmt dies aber nicht ganz. Es ist nämlich so, dass Suchmaschinen wie Google keine Bilder lesen können. Dies hat wiederum zur Folge, dass es für Google diesen Navigationspunkt in Textform gar nicht gibt. Gleiches gilt für so genannte Screenreader, die Webseiten vorlesen.
In beiden Varianten werden Webseiten nämlich nur als Text gelesen, CSS wird dabei ignoriert. weiterlesen

Veröffentlicht in CSS, Design, HTMLsend this post

Hover- bzw. Mouseovereffekte sieht man heute an jeder Ecke. Besonders bei Navigationen werden dazu häufig Hintergrundgrafiken eingesetzt, die beim Überfahren eines Links mit der Maus ausgetauscht werden. Allerdings wird dieser Effekt nur allzu oft viel zu umständlich realisiert.
Der Austausch der Grafiken wird oft über JavaScript bewirkt, was automatisch einiges mehr an Quellcode zur Folge hat. Zudem liegen meist zwei Grafiken pro Navigationspunkt vor, was einerseits einen Haufen an Dateien produziert, andererseits sogar unschöne, sichtbare Ladeverzögerungen der Bilder mit sich bringen kann. Gerade bei solchen Haken im Nachladen ist der schöne Effekt gleich dahin. weiterlesen

Veröffentlicht in CSS, Design, HTMLsend this post

Bewegung im eigentlich eher unbeweglichen Web ist immer eine kleine Herausforderung für Webmaster. Nicht selten kommt dabei dann JavaScript zum Einsatz. Sehr bliebt ist derzeit das JavaScript-Framework jQuery, welches 2006 veröffentlicht wurde. Seither wurden bereits zahlreiche Plugins von der immer weiter wachsenden Entwicklercommunity geschrieben.
Das Framework jQuery bringt Funktionen der DOM-Manipulation und -Selektierung mit, während CSS dabei unterstützt wird. Zudem ist das Event-System erweitert sowie vereinfacht und ein paar animierte Effekte sind bereits implementiert. weiterlesen

Veröffentlicht in CSS, Design, JavaScriptsend this post

Beim Erstellen einer Homepage können so genannte Grid Layout Generatoren die ersten Schritte enorm erleichtern und beschleunigen. Hat man einmal den für sich passenden Generator gefunden, dann ist die Grundstruktur für jede neue Homepage schnell aufgestellt.

Pagecolumn.com ist eine Seite, die derartige Generatoren anbietet. Verschiedene Layouts (1 - 5 Spalten) sind bereits angelegt und lassen sich frei nach Wunsch editieren. Für wen da nicht das Richtige dabei ist, der kann über den Grid-Generator die Anzahl Spalten und Zeilen selbst bestimmen. Allerdings lässt sich dort keine unterschiedliche Spaltenbreite festlegen. weiterlesen

Veröffentlicht in CSS, Design, HTML, Tools & Softwaresend this post

Was wäre Webdesign heute ohne die ganzen kleinen Hilfsmittel, die man im Laufe der Umsetzung einer Webseite benötigt. Es gibt viele verschiedene Möglichkeiten, die nahezu jeden Bedarf decken. Ein paar besondere Utilities haben wir heraus gesucht und möchten diese vorstellen.

Ein schickes und zudem nützliches Hilfsmittel ist der so genannte Typetester. Wie der Name bereits erkennen lässt hat man hier die Möglichkeit, Schriften zu testen. Dies ist sogar gleich mit drei Schriften oder Einstellungen parallel möglich, um diese in ihrem Erscheinungsbild vergleichen zu können. weiterlesen

Zwar ist man im Web (noch) auf wenige Standardschriften beschränkt, jedoch sollte man bei der Gestaltung einer Webseite die schier unendlichen Möglichkeiten der Schriften nicht außer Acht lassen. Schrift ist ein wichtiges Gestaltungselement und kann, zumindest als Bild abgespeichert, auch im Internet wie gewünscht dargestellt werden. weiterlesen

Veröffentlicht in Design, Surftippssend this post

WordPress wurde als Open Source Weblog-Software entwickelt und hat sich zunehmend zu einem Content-Management-System für jede erdenkliche Webseite gemausert. Das auf PHP basierende CMS gehört heute mit zu den bekanntesten und beliebtesten Systemen. Die Nutzer- und Entwickler-Community wächst stetig, vor allem auch, weil WordPress kostenlos zum Download bereit steht. weiterlesen

Next Page »