Immer wieder kommt man als Webentwickler in die Situation, dass man an einer Stelle wechselweise verschiedene Inhalte ausgeben möchte. Dies ist beispielsweise bei einer Banner-Rotation der Fall. Normalerweise lässt sich dies relativ einfach lösen, in dem man z.B. im PHP-Code alle Inhalte in ein Array packt und dann mit einer Zufallszahl als Index ein Element des Arrays auswählt und dieses dann ausgibt.
Doch wie realisiert man etwas derartiges in einem Smarty-Template, wenn man - wie beispielsweise bei Serendipity - nicht einfach vom PHP-Code aus eine zufällig generierte Zahl oder direkt den entsprechenden Inhalt als Template-Variable zuweisen kann?
Artikel mit Tag Webdesign
Dienstag, 17. Februar 2009
Inhalte in Smarty-Template zufällig ausgeben
Samstag, 7. Februar 2009
Wahl der verwendeten Schriften beim Webdesign
Als Webentwickler oder Webdesigner hat man das (nicht immer 100%ig realisierbare) Ziel, dass eine Website auf allen Plattformen gleich dargestellt wird. In vielen Dingen lässt sich dies mittlerweile auch relativ gut lösen. Doch es gibt ein Thema, bei dem der Gestaltungsspielraum doch ziemlich eingeschränkt ist: Das sind die verwendeten Schriftarten (Fonts). So kann man nicht einfach jede beliebige Schriftart verwenden, da diese nur dann dargestellt werden kann, wenn sie auf dem jeweiligen Rechner auch installiert ist. Dieses Problem kann nur umgangen werden, wenn man die Schrift in Form einer Grafik einbindet, was (außer bei Logos o.ä.) natürlich unsinnig ist. Daher finden nur ein paar Schriftarten wie beispielsweise Arial, Verdana, Times New Roman, Courier New o.ä. auf Websites Verwendung.
Um einen Kompromiss zwischen gestalterischen Vielseitigkeit und korrekter Darstellung zu finden, ist es hilfreich eine Verbreitungsstatistik der Schriftarten zur Hand zu haben. Eine solche hat Webmasterpro.de nun mit über 100.000 vorwiegend deutschsprachigen Websites erstellt. Sie zeigt, dass die nachfolgend aufgeführten Top10 allesamt einen Verbreitungsgrad von über 98% haben.
Schriftart | Verbreitungsgrad |
---|---|
Courier New | 99,50% |
Arial | 99,45% |
Verdana | 99,11% |
Times New Roman | 99,07% |
Trebuchet MS | 98,70% |
Arial Black | 98,68% |
Impact | 98,62% |
Comic Sans MS | 98,54% |
Georgia | 98,35% |
Tahoma | 98,29% |
Anhand dieser Übersicht ist erkennbar, dass eigentlich eine größere Auswahl an Schriftarten zur Verfügung steht, als in der Preaxis tatsächlich eingesetzt wird. Die komplette Statistik ist auf WebmasterPro.de zu finden.
Freitag, 30. Januar 2009
Links Januar 2009
tokoloko blog: Eigene Suchmaschine in Firefox
Anleitung zum Hinzufügen eigener (beliebiger) Suchmaschinen-in das Suchfeld von Mozilla Firefox.
iConvert - Ein kostenloser Online-Konverter für Icons
iConvert ist ein kostenloser Online-Dienst, der Icons aus verschiedenen Datei-Formaten erstellt und ineinander konvertiert.
WebmasterPro: Icon-Sets für Webdesigner und Webentwickler
Eine Sammlung mehrerer kostenloser Icon-Sets speziell für die Verwendung bei der Erstellung von Websites und Webapplikationen
Donnerstag, 4. Dezember 2008
Lightbox-Extension für Typo3
Wenn man auf Webseiten Galerien erstellen möchte, kommt man heute eigentlich kaum noch an einer der vielen zur freien Verfügung stehenden Lightbox-Varianten vorbei. Eine Übersicht über derzeit 57 Lightbox-Scripts bietet "The Lightbox Clones Matrix". Für Typo3 können diese in der Regel jedoch nicht ohne Weiteres verwendet werden.
Artikel vollständig lesen »Donnerstag, 27. November 2008
Typo3: Verlinkung im Bild-Contentelement
Wie in jedem guten Content Management System gibt es auch in Typo3 ein Contentelement für Bilder. In dessen Eingabemaske hat man auch die Möglichkeit, eine Link-URL für das Bild anzugeben. Hat man jedoch mehrere Bilder in einem solchen Inhaltselement, so stellt sich die Frage, wie man für jedes Bild eine individuelle URL angeben kann, da ja nur ein Formularfeld hierfür zur Verfügung steht.
Artikel vollständig lesen »