Tipps und Tricks zu .htaccess und mod_rewrite

Wer ein bisschen mehr aus seiner Webpräsenz und seinem Blog machen will, stößt schnell auf zwei Dinge, die auf Anhieb eher für ratlose Gesichter und manch frustierende (Fehl-)Versuche sorgen: .htaccess und mod_rewrite. Michael Wöhrer hat einige Tipps zusammengestellt, die Anfängern aber auch Fortgeschrittenen hilfreich zur Seite stehen.

via basic thinking

Back-Button und Bookmarks trotz AJAX

AJAX-Websites brechen in den meisten Fällen mit der gewohnten Navigation über die Browser-History, der “Zurück”-Knopf funktioniert nicht mehr, da sich die URL der Seite nicht ändert und diese auch nicht komplett nachgeladen wird. Auch Bookmarks lassen sich nur auf die Startseite der Anwendung setzen.

Mike Stenhouse hat auf “Content with Style” einen Fix beschrieben , mit dem trotz AJAX nicht auf diese klassischen Features verzichtet werden muß. Er stellt jedoch auch die Frage, ob man klassisches Browserverhalten überhaupt mit solch recht aufwendigen Hacks simulieren sollte.

As I was writing this it occurred to me that what I’ve been doing here is remarkably like the old Frames hacks from back in the day. Should we be trying so hard to duplicate traditional browser behaviour? If it’s important enough to put in the effort to duplicate it then should we really be breaking it in the first place? It’s a question that can only be answered on a project-by-project basis but it seems important enough to be worth asking…

JavaScript: Lightbox JS

Einen anderen Ansatz als eine neue Seite zu öffnen, wenn Thumbnails mit Fullsize-Grafiken verlinkt werden sollen, geht das Lightbox-Script von Lokesh Dhakar. Das Bild wird nach einem Klick auf den Thumbnail einfach über der Seite schwebend angezeigt, mit einem netten Rahmen drum herum. Zusätzlich kann der Hintergrund (also die eigentliche Webseite) “abgedimmt” werden. Sogar eine Caption kann dem Bild mitgegeben werden, ein Mausklick auf den “Close”-Button blendet das Bild wieder aus.

Dazu ist das Skript auch noch unobtrusive: wenn JavaScript nicht aktiviert ist, wird stattdessen das große Bild herkömmlich im Browserfenster angezeigt.

CSS Tips: Tabs und Menüs

Tabs zur Navigation sind schon lange beliebt und werden es wohl auch noch eine Zeit bleiben. Statt mit Tabellen werden sie heute allerdings mit CSS realisiert, und einige nette Beispiele stellt der exploding boy zur Verfügung (hier und hier).

Außerdem hat er auch noch 14 Beispiele für vertikale CSS-Menüs erstellt. Alles zur freien Verwendung.

(via CSSHilfe)

CSS Tips: In die Tiefe - der Z-Index

Überschneiden sich mehrere Elemente einer Webseite in der Darstellung, dann gibt die Reihenfolge im HTML-Quelltext an, welches “oben” liegt. Das erste liegt unten, das nächste darüber usw.

Aber das muß nicht so sein, denn per CSS läßt sich der z-index festlegen, der die “Höhe” über der Seite, quasi die dritte Achse neben horizontal und vertikal, angibt. Einen Einblick in die Verwendung gibt Andy Clark auf 24ways und erklärt ihn für alles andere als tot!

Apache .htaccess Tips

Wenn man auf einer gehosteten Seite keinen Zugriff auf die Webserverkonfiguration hat, steht mit etwas Glück immer noch die .htaccess-Datei zur Verfügung. Damit läßt sich das Verhalten des Apache-Webservers fast genauso steuern wie direkt in den Konfigurationsdateien, jeweils für das Verzeichnis (und evtl. Unterverzeichnisse davon), in dem die Datei gespeichert ist.

Eine kleine, aber feine Sammlung von Tips, was man mit .htaccess so alles anstellen kann, findet sich bei Vortexmind.

( via digg )

AJAX Tip: Aufteilen langer Seiten

Auf The Other Side Of The Moon wird eine elegante Methode vorgestellt, lange Inhalte auf mehrere Seiten aufzuteilen und Navigationslinks zum Blättern bereitzustellen. Das ganze funktioniert bei aktiviertem JavaScript mit AJAX, ansonsten durch normale Seitenabrufe.

In der Schritt-für-Schritt-Anleitung wird das Vorgehen von der Problem-Definition bis zu Vorschlägen für Verbesserungen in sechs Abschnitten erläutert. Programmcode unter Verwendung von PHP, MySQL und JSON zur Übertragung der nachzuladenden Informationen zeigt die Idee exemplarisch.