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

Internet Explorer Developer Toolbar

Wer als Webdesigner mal Firebug für Firefox benutzt hat, möchte dieses schweizer Taschenmesser nicht mehr missen. Dann die Seiten für den IE zu debuggen, ähnelte einem Wechsel von einer S-Klasse in einen VW Käfer. Nun hat Microsoft mit dem “Internet Explorer Developer Toolbar” eine Erweiterung veröffentlicht, die Abhilfe schaffen soll. Die komplette Struktur des geladenen Dokuments kann im Detail analysiert werden, alle Attribute und das Styling sind übersichtlich dargestellt. Einzelne Elemente oder alleElemente eines Typs lassen sich in der dargestellten Seite hervorheben, die Ausführung von Scripts und die Verwendung von CSS mit einem Klick ausschalten.

Auch wenn Firebug mehr kann, ist das Tool in jedem Falle hilfreich, wenn es darum geht zu verstehen, warum etwas im IE anders aussieht als es sollte.

via pixelgangster

Gute Nachrichten zu HTML 5

Zur Zeit arbeitet das W3C an der nächsten Version der Markup-Sprache HTML. Im Rahmen der neuen HTML Working Group ist man nun übereingekommen, den Entwurf der WHAT Working Group als Basis für die weitere Entwicklung zu verwenden. Kevin Yank schreibt dazu bei Sitepoint:

A Surprise Proposal

Before the search could begin, however, representatives of Mozilla, Apple, and Opera came forward with a proposal to adopt the WHAT Working Group’s HTML5 draft specification as a starting point for further development of HTML within the W3C.

After no small amount of discussion, the W3C’s HTML WG today voted to accept the proposal, with these specific outcomes:

  • The WHAT Working Group’s HTML5 (Web Applications 1.0 and Web Forms 2.0) will become the current working draft, and an extensive review by the new working group will now take place.
  • The final W3C specification will be named “HTML 5″
  • The W3C specification will be edited by Ian Hickson (Google), editor of the WHAT-WG’s HTML5, and David Hyatt (Apple/Safari).

And there we have it: the harmful division that had come to exist between the major browser vendors and the W3C seems to be a thing of the past! So far so good, right?

Of course, there are still big challenges ahead, not least of which will be getting this large and open working group to agree on a seemingly endless list of technical minutiae.

Es sieht also so aus, als ob man nun endlich in Gang kommt, statt weiter nur zu diskutieren. Ein Anfang ist gemacht, und der gibt Hoffnung.

via ajaxian

Helvetica wird 50 Jahre alt

Sie ist eine der “alten Damen” unter den Schriftarten, und wir alle haben sie schon tausende Male gesehen beziehungsweise in ihr gesetzte Texte gelesen: Helvetica. Wie ist der ungebrochene Erfolg, den diese Schrift genießt, zu erklären?

“Sie ist dauerhaft. Sie basiert auf natürlichen Formen. Sie drückt keine spezielle Mode aus. Sie hat sehr klare Linien und Buchstaben, sie sieht nach einer sehr seriösen Schriftart aus”.

Das sagt Frank Wildenberg, Geschäftsführer der Firma Linotype, die die Rechte an Helvetica hält. Mehr zur Erfolgsgeschichte der Schrift ist bei BBC News nachzulesen.

Neue Version der MooTools

Die [MooTools] sind in der neuen Version 1.1 verfügbar. Dabei wurde die Geschwindigkeit und die Browser-Kompatabilität der AJAX-Bibliothek optimiert. Bei den CSS-Selektoren wurde einerseits der Algorithmus verbessert, andererseits wird XPATH nun in allen Browsern mit entsprechender Unterstützung verwendet. Im MooTools Wiki ist nachzulesen, was sonst noch neu ist oder verbessert wurde.

via ajaxian.com

Yahoo und Microsoft nutzen Googles Sitemap-Protokoll

Bereits vor einem Jahr hat Google sein Sitemaps-Protokoll vorgestellt, mit dem Webmaster den Crawlern der hauseigenen Suchmaschine Hinweise über die Struktur ihrer Website geben können.

Sitemaps are an easy way for webmasters to inform search engines about pages on their sites that are available for crawling. In its simplest form, a Sitemap is an XML file that lists URLs for a site along with additional metadata about each URL (when it was last updated, how often it usually changes, and how important it is, relative to other URLs in the site) so that search engines can more intelligently crawl the site.

Nun haben sich auch Yahoo und Microsoft der Initiative des Marktführeres angeschlossen und ihren Suchmaschinen das Sitemaps-Format beigebracht. Auf den ersten Blick löst diese Meldung wahrscheinlich Erstaunen aus, aus Benutzersicht kann man den “Großen Drei” aber nur dankbar sein, denn dieser Schritt wird wohl zu einer breiteren Unterstützung der Sitemaps auf Websites führen. Ob damit auch die Qualität der Sucheregbnisse steigt, hängt allerdings einerseits von der Güte der Sitemap-Daten und andererseits von deren Verarbeitung auf Suchmaschinenseite ab.

via GigaOM

The Form Garden - Formular Styling Gallerie

Was der Zen Garden für das Ausprobieren der Möglichkeiten von CSS-Designs für Webseiten ist, soll wohl der Form Garden für das Styling von HTML-Formularen sein oder werden. Noch gibt es nicht allzu viele verschiedene Designs zur Auswahl, aber hey, dafür darf ja auch jeder noch mitmachen und sein eigenes Stylesheet einsenden.

Font- und Text-Styling mit CSS

Eine ausführliche Einführung in die Gestaltung von Schrift und Text mit CSS. Von der Festlegung der Grundschriftart für eine Webseite bis zur Textdarstellung bildet dieser Artikel einen guten Startpunkt für Entwickler, die noch nicht mit allen CSS-Feinheiten vertraut sind.

via CSS Beauty

EJ: Essential JavaScript

Was tut ein Web-Entwickler, wenn er keine der vorhandenen JavaScript-Bibliotheken mag, weil sie ihm alle viel zu aufgeblasen und groß sind? Er schreibt seine eigene Bibliothek:

The web is littered with full-blown JavaScript libraries who say they will save your day and make your web development life much easier. You get encouraged to include these “mere 80 KB” libraries that is supposed to be the solution to all your needs, and practically make the web site work by itself. Needless to say, I’m not a big follower of JavaScript libraries,, especially since they almost always include lots of superfluous code, so I thought I’d put together a tiny library with only essential JavaScript functions.

Robert Nyman hat mit EJ: Essential JavaScript eine schlanke, irgendwie minimale JS-Bibliothek vorgelegt, die lediglich folgende Funktionen enthält:

  • $ - Der Klassiker
  • getElementsByClassName
  • addClassName
  • removeClassName
  • getElementsByAttribute
  • preventDefaultBehavior
  • getStyle

Was essentiell ist, liegt sicher im Auge des Betrachters. EJ reicht sicher nicht, um einen vollständigen Werkzeugkoffer für die nächste Web 2.0 Anwendung mit Drag und Drop und schicken Effekten an der Hand zu haben, aber wer das nicht braucht, für den ist es vielleicht eine interessante Alternative, die ein wenig Arbeit sparen hilft.

via Ajaxian

Einfache Farbverläufe für Hintergründe

Kaum noch eine Website, die ohne sie auskommt: Farbverläufe in Hintergrundgrafiken. Wer Zeit sparen und diese nicht immer neu mit dem Grafikprogramm der Wahl erstellen möchte, findet bei A List Apart eine Methode, diese (fast) nur mit CSS und (X)HTML zu erzeugen. Bereits angekündigt ist ein zweiter Artikel, der dann erklären soll, wie diese Technik in der Praxis beim Erstellen von vollständigen Weblayouts genutzt werden kann.