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 →

Probleme mit 2010-Theme und GoogleMaps

WordPress

Gestern Abend habe ich mein Blog schonmal auf die Entwickler-Version von WordPress 3.0 umgestellt und dann auch gleich beschlossen, das neue WordPress-Standard-Design 2010 zu nutzen. Alles klappt soweit bestens, nur meine GoogleMaps-Blogroll will nicht mehr so wie ich das will. 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 →

Design wird überarbeitet

Farbtopf

Ich habe mich heute mal dran gesetzt und mein Design überarbeitet. Ich wollte vor allem das Template sauberer strukturieren und aufräumen, um es einfacher pflegen zu können. Weiter wollte ich die Übersichtlichkeit und Lesbarkeit verbessern. Außerdem war mir ein großes Anliegen, die Navigation zu überarbeiten. Noch ist natürlich nicht alles fertig, das bisherige Zwischenergebnis kann sich aber schon sehen lassen, wie ich finde. weiterlesen →

Sonderzeichen finden mit der Windows Zeichentabelle

Tastatur

Ab und zu brauche ich mal bestimmte Sonderzeichen, um Webseiten zu basteln. Heute wollte ich zum Beispiel ein Copyright-Zeichen in eine Webseite einfügen. Klar kann ich dafür auch einfach © in den HTML-Quelltext schreiben, aber ich möchte doch gerne die Unicode-Kodierung auch voll ausnutzen, wenn ich sie einsetze :) 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 →

Reset Stylesheet

CSS

Wer Webseiten mit Cascading Stylesheets entwirft, kennt das leidige Thema: die Webseite wird in einem Browser korrekt dargestellt, in einem anderen Browser hingegen ist alles verzerrt. Das liegt daran, da jeder Browser sein eigenes “Standard-Stylesheet” eingebaut hat und so bereits kleine Unterschiede große Auswirkungen nach sich ziehen können.

Viele Probleme kann man jedoch durch einen simplen Trick umgehen: man überschreibt einfach sämtliche Browser-Voreinstellungen. Hierfür eignet sich wunderbar das Reset Stylesheet von Eric Meyer. Einfach den Code kopieren, ab damit in eine CSS-Datei und diese auf der entsprechenden Seite einbinden.

Ein ziemlich einfacher Trick mit großer Wirkung. So bleiben einem viele unerklärliche Design-Phänomene (vor allem in Bezug auf den Internet Explorer) beim Entwickeln erspart :)

Erweitertes XHTML-Grundgerüst

HTML

Ich beschäftige mich ja schon seit mehreren Jahren mit dem Thema Webdesign und schreibe mir immer wieder das folgende Grundgerüst zusammen. Hierbei wird das bei SelfHTML zu findende Grundgerüst um die Angabe der Zeichenkodierung (UTF-8) und der Einbindung eines Stylesheets ergänzt. Außerdem habe ich den Document-Type auf XHTML 1.0 Strict angepasst (SelfHTML gibt XHTML 1.0 Transitional vor) und die Spracheinstellungen festgelegt. weiterlesen →