Pascals IT-Blog - Webdesign

Inhalte in Smarty-Template zufällig ausgeben

nospam@example.com (Pascal Uhlmann) — Tue, 17 Feb 2009 23:18:24 +0100

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?

"Inhalte in Smarty-Template zufällig ausgeben" vollständig lesen

Wahl der verwendeten Schriften beim Webdesign

nospam@example.com (Pascal Uhlmann) — Sat, 07 Feb 2009 00:16:50 +0100

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.

Lightbox-Extension für Typo3

nospam@example.com (Pascal Uhlmann) — Thu, 04 Dec 2008 12:31:32 +0100

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.

"Lightbox-Extension für Typo3" vollständig lesen

Typo3: Verlinkung im Bild-Contentelement

nospam@example.com (Pascal Uhlmann) — Thu, 27 Nov 2008 12:29:00 +0100

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.

"Typo3: Verlinkung im Bild-Contentelement" vollständig lesen

Problem nach RealURL-Update bei Typo3

nospam@example.com (Pascal Uhlmann) — Tue, 16 Sep 2008 14:42:37 +0200

Manchmal kann es passieren, dass eine Typo3-Website nach dem Update der RealURL-Extension nicht mehr richtig funktioniert. Mir ist dies beim Update von Version 1.0.0 auf 1.5.1 passiert. Dies äußert sich dann darin, dass im Backend nichts mehr funktioniert oder manche Seiten im Frontend nicht mehr angezeigt werden. Stattdessen ist dann folgende PHP-Fehlermeldung zu sehen:

Fatal error: Unsupported operand types in /var/www/htdocs/typo3conf/temp_CACHED_ps1b2d_ext_tables.php on line 1560

Um dies zu beheben muss man das Verzeichnis der RealURL-Extension löschen und die Extension anschließend nochmals neu installieren.

Danach kann es jedoch noch zu einem weiteren Problem kommen: Dies besteht darin, dass sich im Frontend seltsamerweise nicht mehr alle Seiten anzeigen lassen. Zumindest in meinem Fall schien sich das jedoch nur auf Shortcut-Seiten zu beschränken. Statt des Seiteninhalts wird dann folgende Fehlermeldung ausgegeben:

PHP Fatal error: Call to undefined method tx_realurl::findRootPageIdByHost() in /[...]/typo3conf/ext/realurl/class.tx_realurl_advanced.php

"Problem nach RealURL-Update bei Typo3" vollständig lesen

Redesign des IT-Blogs

nospam@example.com (Pascal Uhlmann) — Fri, 22 Aug 2008 00:21:38 +0200

Nun ist es endlich soweit: Soeben habe ich das schon lange anstehende Redesign des IT-Blogs durchgeführt. Somit zeigt er sich von nun an mit einem neuen Gesicht. In der nächsten Zeit wird es noch einige Feinkorrekturen besonders in Bezug auf die Darstellung der einzelnen Artikel geben. Zudem sind für die Zukunft auch weitere Funktionalitäten, wie beispielsweise ein Kontaktformular geplant.

Rückmeldungen oder Vorschlägen zum neuen Design oder anderen den Blog betreffenden Dingen gegenüber bin ich selbstverständlich aufgeschlossen und dankbar.

Altes Design im Admin-Bereich trotz Bulletproof-Template

nospam@example.com (Pascal Uhlmann) — Thu, 21 Aug 2008 21:23:30 +0200

Bei den Vorbereitungen für das Redesign des Blogs, bin ich auf ein seltsames Problem bezüglich des neuen Templates "Bulletproof" gestoßen: Dieses Template beinhaltet außer einem neuen Blog-Design auch eine angepasste Admin-Oberfläche. Nachdem ich meine Entwicklungsumgebung auf das neue Template umgestellt hatte, wurde der Admin-Bereich jedoch weiterhin im alten Design dargestellt. Also suchte ich an den verschiedensten Stellen nach einer Möglichkeit, das neue Design zu aktivieren, jedoch ohne etwas derartiges zu finden. Auch bei der Suche im Web wurde ich nicht fündig.

Dann kam mir jedoch die Idee, die mein Problem lösen sollte: Die Design-Anpassungen sind ausschließlich über CSS-Definitionen realisiert. Da mein Browser jedoch noch das alte Stylesheet im Cache gespeichert hatte, war es nicht weiter verwunderlich, dass weiterhin das alte Design angezeigt wurde. Nachdem ich den Cache jedoch gelöscht und die Seite neu geladen hatte, wurde der Admin-Bereich endlich im neuen Design dargestellt.

Serendipity-Handbuch erschienen

nospam@example.com (Pascal Uhlmann) — Wed, 04 Jun 2008 17:04:12 +0200

Schon vor einiger Zeit wurde es angekündigt und konnte vorbestellt werden. Nun ist es endlich im Buchhhandel verfügbar: Das "Serendipity-Handbuch" von Garvin Hicking (Haupt-Entwickler von Serendipity).
"Serendipity-Handbuch erschienen" vollständig lesen

Typo3-Backend: Navigationsspalte zu schmal

nospam@example.com (Pascal Uhlmann) — Thu, 22 May 2008 12:45:38 +0200

Anfang April 2008 wurde das weit verbreitete Content Management System "Typo3" in der aktuellen Version 4.2 veröffentlicht. Diese brachte einige Neuerungen im Backend. So wurde dieses bezüglich der Gestaltung stark verändert. Die Änderungen fand ich jedoch durchweg positiv. Besonders praktisch finde ich den neuen TypoScript-Editor, der sogar Syntax-Highlighting beinhaltet und Änderungen über AJAX-Funktionen speichert.
"Typo3-Backend: Navigationsspalte zu schmal" vollständig lesen

Malen und Zeichnen mit CSS

nospam@example.com (Pascal Uhlmann) — Wed, 14 May 2008 13:32:49 +0200

Heutzutage sind Cascading Style Sheets (CSS) ein Muss bei der Erstellung von Websites. Dabei werden normalerweise jedoch längst nicht alle Möglichkeiten genutzt. Immer wieder entdeckt man neue Features und Fähigkeiten, die man bis dato noch gar nicht kannte.
"Malen und Zeichnen mit CSS" vollständig lesen

Serendipity und parallel verwendete Unterverzeichnisse

nospam@example.com (Pascal Uhlmann) — Wed, 07 Nov 2007 14:07:00 +0100

Wenn man Serendipity mit umgeformten URLs benutzt, können normalerweise keine sonstigen Verzeichnisse direkt angesprochen werden, weil alles auf die index.php verweist. Dies lässt sich jedoch über die Konfiguration der RewriteEngine des Apache-Webservers anpassen.
"Serendipity und parallel verwendete Unterverzeichnisse" vollständig lesen

Automatisch Screenshots von Websites erstellen

nospam@example.com (Pascal Uhlmann) — Sun, 14 Oct 2007 13:08:26 +0200

Manchmal st es sinnvoll einen Screenshot einer Website als Preview bei einem Link zur Verfügung zu stellen. Will man diesen nicht jedes Mal von Hand erstellen, ist eine automatisierte Möglichkeit unabdingbar.
"Automatisch Screenshots von Websites erstellen" vollständig lesen

Erlebnisse mit 1blu - Die Erste

nospam@example.com (Pascal Uhlmann) — Tue, 25 Sep 2007 19:18:42 +0200

Wie sehr sich Angbot und tatsächliche(r) Leistung/Service des Webhosters "1blu" unterscheiden, musste ich leider selbst erfahren. "Außen hui und innen pfui" wäre hier eine durchaus treffende Formulierung.
"Erlebnisse mit 1blu - Die Erste" vollständig lesen

Eclipse als Entwicklungsumgebung für PHP-Entwickler

nospam@example.com (Pascal Uhlmann) — Thu, 20 Sep 2007 22:59:34 +0200

Bei der Entwicklung von Websites war ich bisher immer strikt gegen die Verwendung von speziellen Editoren. Vor allem die so genannten WYSIWYG konnte ich nicht ausstehen, da ich damit keine guten Erfahrungen gemacht habe. Deshalb habe ich bis dato alle Websites (mit Ausnahme von Typo3-Websites) ausschließlich von Hand in einem simplen Texteditor erstellt und bearbeitet. Dies galt ebenso für PHP-Programmierungen.

"Eclipse als Entwicklungsumgebung für PHP-Entwickler" vollständig lesen

PHP-Klasse für CSV-Import und -Export

nospam@example.com (Pascal Uhlmann) — Tue, 18 Sep 2007 23:18:15 +0200

Oftmals liegen Daten bereits im CSV-Format vor und man möchte sie (möglicherweise automatisiert) in eine Datenbank importieren. Daher ist es praktisch, eine bereits vorgefertigte Lösung hierfür zu verwenden.
"PHP-Klasse für CSV-Import und -Export" vollständig lesen