identum

Archiv für die Kategorie „Web“

Heute mal eine kleine Leseempfehlung von mir. Eigentlich schon fast ein alter Hut, aber immer wieder Quell kurzweiliger Unterhaltung, weshalb er einfach mal erwähnt gehört, der Kopfschüttler-Blog.

Dass Frauen eine andere Sprache sprechen, hat sich hierzulande ja schon herumgesprochen. Und dass dieser divergente Sprachgebrauch zu Missverständnissen führen kann, ist ja auch nichts Neues. Was den Kopfschüttler so besonders macht, ist die charmante Art mit der er von den kleinen und größeren Marotten seiner Liebsten erzählt. Egal ob es um Autofahren, Grillpartys oder Einkaufen geht, man hat immer das Gefühl, die Liebste ist eine wunderbare Frau und der Kopfschüttler ein armer bemitleidenswerter Mann.

… die Auswahl an einer Popup-Alternative ist groß geworden. “Lightboxen” sind aus dem WWW nicht mehr wegzudenken . Nahezu jede Werbung öffnet sich schon in einem Fensterchen mit einem halbtransparenten Hintergrund. Doch nicht nur die teils nervigen Werbepopups werden durch die Lightbox verschönert, sondern auch eine Bildvergrößerung bekommt dadurch den letzten Schliff.

Als Programmierer fragt man sich: “Aber welche Lightbox Version nehme ich eigentlich?”

Im Zuge eines Typo3 CMS Projektes habe ich mir den Unterschied zwischen “SmoothGallery” und “Colorbox”, die zwei weitverbreitetsten und am meist downgeloadeten Lightboxen für Typo3 ,  etwas genauer angesehen, um diese Frage zu beantworten.

Wie der Name “Smoothgallery” schon sagt, wird hier sehr großen Wert auf eine Galerie Ansicht gelegt. Leicht einzubinden und mit wenigen Klicks und Anpassungen hat man schon was man möchte.

Das Layout lässt sich mit guten CSS-Kenntnissen leicht anpassen und die Galerie selbst macht ein schönes Bild aus jeder Bildersammlung. Etwas ärgerlich sind leider die mitgeführten Schaltflächen. Die Glühbirne zur Vergrößerung (mittlerweile upgedatet), der “Schließen” -Button und der Ladebalken sind leider etwas unpassend bzw. nicht jedermann’s Geschmack. Auch bei einem kleinen Farbwechsel des Layouts kommt man nicht drumherum diese Schaltflächen zu bearbeiten.

In der “Colorbox” steckt wohl die meiste Arbeit. Mitgeführte Slideshow, Anzeigen von Videos, weniger als 9KB Datengröße,… und, und, und. Gleich wie die Smoothgallery ist auch diese Lightboxerweiterung für Typo3 schnell und ohne viel Aufwand eingebunden. Für spezielle Layoutanpassungen lässt sich ein Besuch in der CSS-Datei nicht vermeiden, jedoch sollte bei fünf verschiedenen mitgeführten Designs auch eines dabei sein, welches gefällt. Elastisches öffnen, halbtransparente Schrägen als Hintergrund, verschiedenste Schaltflächen – ein großes Plus dieser Erweiterung.

Leider fehlt eine Galerieansicht! Hier muß man sich mit der Slideshow begnügen. Weniger zu empfehlen wenn mehr als eine Handvoll Bilder angezeigt werden möchten.

Fast jeder Programmierer hat sie schon einmal geschrieben, die Blätterfunktion. Auch ich bin unlängst wieder über dieses Problem gestolpert und hatte meine übliche Blätterklasse gerade nicht bei der Hand. Ein bisschen Zeit war auch vorhanden, also habe ich mich kurzerhand entschlossen, die Funktion neu zu schreiben.

Mein bisheriger Ansatz unterschied sich nicht wirklich von dem, was einem google so anbietet, wenn man nach einer Blätterfunktion sucht. Mein Problem mit diesen Varianten war jedoch immer, dass der Code durch die doch recht große Anzahl von verschachtelten If-Abfragen, relativ unübersichtlich wird und das wollte ich diesmal vermeiden.

Irgendwann ist mir dann die Idee gekommen einen Zwischenschritt einzulegen. Ich nehme einfach ein leeres Array und setzte nummerische Indizes, wo ich einen Seitenlink angezeigt haben möchte. Also in etwa so:

// $p = aktuelle Seite
// $pages = Gesamtanzahl der Seiten
// $innerLimit = Anzahl der Seitenlinks die vor und nach der Aktuellen Seite angezeigt werden sollen
// also bei $p = 5; $innerLimit = 2;
// 3 4 5 6 7
 
$arrP = array();
for ($i = $p - $innerLimit; $i <= ($p + $innerLimit); $i++)
{
if ($i >= 1 && $i <= $pages)
{
$arrP[$i] = true;
}
}

Möchte ich zusätzlich noch für die ersten und letzten paar Seiten einen Link haben, ergänze ich das Ganze um 2 For-Schleifen:

// $p = aktuelle Seite
// $pages = Gesamtanzahl der Seiten
// $innerLimit = Anzahl der Seitenlinks die vor und nach der Aktuellen Seite angezeigt werden sollen
// also bei $p = 5; $innerLimit = 2;
// 3 4 5 6 7
// $outerLimit = Anzahl der Seitenlinks die am Beginn und am Ende immer Angezeigt werden sollen
// also bei $pages = 7; $outerLimit = 2;
// 1 2 .. 6 7
 
$arrP = array();
for ($i = 1; $i <= $outerLimit; $i++) $arrP[$i] = true;
for ($i = $p - $innerLimit; $i <= ($p + $innerLimit); $i++)
{
if ($i >= 1 && $i <= $pages)
{
$arrP[$i] = true;
}
}
for ($i = $pages - $outerLimit + 1; $i <= $pages; $i++) $arrP[$i] = true;

Damit habe ich eine Array das alle anzuzeigenden Seiten als Indizes gesetzt hat und muss mich nicht um mögliche doppelte Einträge kümmern, da der betreffende Index einfach weiterhin gesetzt bleibt. Das Ganze dann einfach per Foreach ausgeben und fertig ist unsere Blätterfunktion. Eventuell möchte man noch die aktuelle Seite abfragen um den Link nicht zu setzen oder zwischen größeren Sprüngen in der Seitenzahl Punkte haben (zB 1 2 .. 5 6), was einfach zu erreichen ist, wenn man den vorherigen Index mitspeichert und vom aktuellen subtrahiert.

Have fun

Neben anderen viel genutzten Schlagworten in der Welt des Web 2.0 hat sich eines besonders hervorgetan: SEO – Search Engine Optimization oder zu Deutsch Suchmaschinenoptimierung. Im Großen und Ganzen versteht man unter SEO sämtliche Maßnahmen, die dazu beitragen, dass die betreffenden Websites im Ranking der Suchmaschine steigen und somit auf den vorderen Plätzen der Ergebnisliste erscheinen.

Wie bei den meisten Themen gibt es auch zu SEO unterschiedliche Ansätze, um die Platzierung einer Website im Ranking zu erhöhen. Einige Websites helfen bei der Definition von relevanten Suchbegriffen bzw. erleichtern die Analyse. Alleine die Definition von Keywords reicht nicht aus, auch Backlinks (also Verlinkungen zur betreffenden Seite) und deren Qualität entscheiden über das Ranking. Wie so oft im Leben ist auch hier manchmal weniger mehr und es gilt die Devise Qualität vor Quantität – das gilt sowohl für die gewählten Suchbegriffe als auch für die Backlinks.

Für alle, die sich tiefgehend mit SEO beschäftigen möchten, gibt es im November die erste SEO Konferenz in Österreich – hier werden nicht nur Vorträge sowie zwei Seminare geboten, sondern es bleibt auch ausreichend Zeit, um sich mit Fachleuten, Entscheidern und anderen Interessierten auszutauschen. Details zum Programm der SEO Konferenz finden sich unter http://www.seokomm.at/konferenzprogramm.html.

Drupal ist ein Content Management System, wie zB die hierzulande besser bekannten Typo3 oder Joomla. Im Gegensatz zu Typo3 basiert Drupal nicht auf einer Baumstruktur, sondern verwendet ein System von Knoten, die verschiedene Inhaltstypen darstellen. Diese Inhaltstypen können frei definiert werden. Vor allem mit dem Content Construction Kit (CCK) Modul werden die Möglichkeiten hier noch erweitert.

Ein anders Modul, das besondere Erwähnung verdient, ist Views. Mit Views kann man sich selbst verschiedene Ansichten für Knoten basteln, wie etwa Übersichtsseiten für Newsbeiträge oder ein Highlight mit den letzten Forenbeiträgen.  Nimmt man dann noch das Panels Modul hinzu, hat man ein wirklich mächtiges Paket mit dem man viele Dinge abbilden kann.

Diese große Flexibilität ist aber gleichzeitig auch eines der Probleme die Drupal hat. Denn um diese große Flexibilität zu nutzen muss man oft sehr viele Module installieren. Da diese Module oft nur in Abhängigkeit von anderen Modulen funktionieren, kann es passieren, dass man für eine neue Funktion gleich ein paar andere Module mitinstallieren muss, was den Wartungsaufwand bei Updates stark erhöht. Mit der Version 7, die aktuell in einer Alphaversion vorliegt, sollen zwar einige Module in die Grundinstallation wandern, aber ob sich dadurch die Menge der Module effektiv verringert, muss sich erst zeigen.

Alles in allem ist Drupal trotz seiner Schwächen ein mächtiges Werkzeug und sehr interessantes System für Webentwickler. Zum Abschluss noch ein paar Seiten die mit Drupal erstellt wurden.

recovery.gov Seite der US Regierung zum Recovery Act

www.heinzfischer.at Seite des österreichischen Bundespräsidenten

www.freshdads.com Community Seite für junge Väter