Selbstaufrufende JavaScript-Funktionen

jQuery Logo

Ich bin gerade dabei, eine Webseite für eine befreundete Fahrschule zu basteln und habe dort für die Anfahrtsbeschreibung GoogleMaps eingebunden. Im Zuge dessen musste ich mich natürlich mal wieder mit JavaScript beschäftigen. Dabei bin ich über die interessante Möglichkeit gestolpert, wie sich Methoden selber aufrufen können. weiterlesen →

Facebook Like Box einbinden und anpassen

Facebook Logo

Mit den Relaunch meines Blogs unter neuer Domain habe ich mich entschieden, nun auch einen Facebook-Account anzulegen. Logischerweise wollte ich auch so eine tolle Facebook Like Box auf meiner Seite haben. Wer mit dem Standard-Aussehen zufrieden ist, kann einfach den Facebook Like Box-Generator benutzen und den generierten Code einbinden. Ich wollte jedoch, dass sich die Facebook Like Box perfekt in mein Design integriert, sodass die Einbindung ein wenig aufwändiger wurde. weiterlesen →

WAMP-Server (Windows, Apache, MySQL, PHP) installieren

WAMP Icon

Als Webentwickler bin ich zu Hause auf ein Testsystem angewiesen. Viele Leute empfehlen immer XAMPP als Entwicklungsserver. Aber XAMPP ist zumindest für mich der absolute Graus: man weiß nicht, welche Einstellungen vom “Standard” abweichen, häufig zickt XAMPP rum und letztendlich muss man eh noch in der Konfiguration herumpfuschen, damit das System läuft, wie es soll. Ich vertraue da lieber auf meine jahrelang erprobte Eigeninstallation eines WAMP-Servers. Deshalb zeige ich euch heute, wie ich diese Umgebung immer aufsetze. weiterlesen →

LinkedList II “Webdesign”

HTML

Letzten Monat habe ich die LinkedList in meinem Blog eingeführt. Bei anderen Leuten nennt es sich LinkPeitsche, ich als Programmierer nenne es LinkedList. Ich habe mir überlegt, nun zu jedem ersten des Monats eine LinkedList zu einem bestimmten Thema zu verfassen. Die letzte LinkedList beschäftigte sich mit dem Thema Webdesign, die heutige LinkedList wird voll und ganz dem Thema Webdesign gewidmet. weiterlesen →

JavaScript konform in XHTML-Quellcode einbinden

HTML

Heute mal eine kleine Kurzanleitung von mir. In der Anleitung geht es nicht um das Einbinden von seperaten JavaScript-Dateien (.js) in ein XHTML-Dokument, sondern um das direkte und XHTML-konforme schreiben von JavaScript direkt im XHTML-Quelltext. weiterlesen →

Scrollbars auf Webseiten erzwingen

CSS

Ich erstelle gerade für die Fahrschule von den Eltern eines Freundes eine neue Webseite und bin dabei auf folgendes “Problem” gestoßen. Ich verwende hier und da einen Akkordeon-Effekt, der von den MooTools bereit gestellt wird. Hierbei kann man immer bestimmte Bereiche einer Webseite wie bei einem Akkordeon auf- und zuklappen. Den Effekt kann man zum Beispiel auf der Launchy-Webseite anschauen.

Nun habe ich aber folgende optische Unschönheit: wenn der Content beim Aufklappen länger wird als die Seite, dann ruckt das ganze Bild einmal nach Links, wenn sich die Scrollbars aktivieren, bzw. nach rechts, wenn der Inhalt wieder zugeklappt wird und die Webseite wieder vollständig vertikal in das Browserfenster passt und sich die Scrollbars wieder ausblenden. weiterlesen →

Runde Ecken per CSS

CSS

Moderne Browser unterstützen schon heute das Abrunden von Ecken per CSS. Da das Abrunden von Ecken allerdings noch kein offizieller Standard ist, kocht derzeit noch jeder Browser-Hersteller sein eigenes Süppchen. Bis das Ganze zum offiziellen Standard wird, können noch einige Jahre vergehen, sodass man derzeit noch mit etwas längerem Code leben muss. Nachdem ich eben bei Horst seinen kurzen Artikel über das Abrunden von Ecken per CSS gelesen habe, entschied ich mich, auch einen Artikel darüber zu schreiben. Außerdem hat Horst bei seiner Aufzählung zwei gängige CSS-Eigenschaften für abgerundete Ecken vergessen, weshalb ihr hier nun die komplette Liste der möglichen CSS-Eigenschaften zum Abrunden von Ecken findet. Ebenso gebe ich eine kurze, aber ausführliche Einleitung zur Verwendung der Eigenschaften. weiterlesen →

Brushed Metal-Textur mit GIMP erstellen

GIMP

Wie manchen von euch vielleicht aufgefallen ist, hat mein Blog einen neuen Hintergrund spendiert bekommen. Ich wollte hierbei, dass der Hintergrund dezente, modern und zugleich schick aussieht. Dabei dachte ich sofort an gebürstetes Aluminium, da mein neues HTPC-Gehäuse so eine Oberfläche besitzt. Um so eine Textur zu entwerfen sind keine kostspieligen Grafikprogramme notwendig. Das geht auch ganz einfach mit GIMP. weiterlesen →

Gesamten Traffic-Klau per .htaccess verhindern

STOP

Ich bin in den letzten Tagen irgendwie auf das Thema Traffic-Klau gekommen und dachte mir, dass es dafür doch eine einfache Lösung geben müsste.

Bei Google habe ich dann nach einer passenden Lösung für mod_rewrite gesucht. Leider waren alle Lösungen, die ich gefunden habe, relativ begrenzt und nur auf den Traffic-Klau bei Bildern spezialisiert. Deshalb habe ich selber ein paar mod_rewrite-Regeln zusammengestellt. weiterlesen →

Nützliche Firefox Add-ons für Webentwickler

Firefox

Ich beschäftige mich ja schon seit einigen Jahren mit dem Thema Webentwicklung und möchte euch hier kurz ein paar Firefox Add-ons nahe legen, die jeder Webentwickler haben sollte. Solltet ihr noch andere must-have Add-ons für Webentwickler kennen, schreibt mir einen Kommentar. Ich werde das Add-on dann testen und ggf. mit in die Tabelle aufnehmen :) weiterlesen →