Dead-Pixel.de - Webdesign Weblog » Webstandards

Webkrauts Adventskalender 2009 – Tipps und Tricks

moritzWordpress — Mon, 30 Nov 2009 17:23:46 +0000

Auch in diesem Jahr präsentieren die Webkrauts wieder ihren alljährlichen Adventskalender. Vom 1. bis zum 24. Dezember öffnet sich jeden Tag ein neues Türchen mit einem Artikel zum Thema “Tipps und Tricks” für besseres Webdesign.

Wer vor der englischen Sprache nicht zurückschreckt, dem sei auch 24ways empfohlen, der internationalen Variante eines Webdesign Adventskalenders wo viele weltweit anerkannte Webdesigner ihr Wissen in Fachartikel gießen.

Keine Ähnlichen Beiträge vorhanden.

CSS Naked Day 2009

moritzWordpress — Wed, 08 Apr 2009 16:30:43 +0000

Tja, was ist mit dieser Seite momentan los? Es ist wieder CSS Naked Day. Das erklärt am besten ein Zitat der dazugehörigen Website.

Die Idee hinter dieser Veranstaltung ist die Förderung von Web-Standards. Schlicht und einfach. Dies umfasst die ordnungsgemäße Verwendung von (X)HTML, semantisches Markup, eine gute Struktur-Hierarchie, und natürlich, ein gutes Spiel mit Worten. Es ist an der Zeit, Ihren zu zeigen.

Deshalb werden jetzt für 48 Stunden alle Styles auf dieser Seite deaktiviert.

Mein erster Artikel bei den Webkrauts: On-site SEO

moritzWordpress — Wed, 17 Dec 2008 08:24:32 +0000

Ich bin stolz verkünden zu dürfen, dass heute mein erster Artikel für die Webkrauts erschienen ist. Im Rahmen des Webkrauts Adventskalenders 2008 werden dieses Jahr best practices, rund um viele Bereiche von Webdesign und Entwicklung, vorgestellt. Mein Artikel zeigt best practices zum Thema On-Site Suchmaschinenoptimierung, also Techniken die helfen das Ranking in Suchmaschinen, durch Änderungen am Code, zu verbessern.

Wer noch nicht weiß, wer die Webkrauts sind, sollte sich schleunigst mal das Mission Statement auf der Website durchlesen.

Webkrauts Adventskalender 2008 (5)

Das MySpace Profil 2.0

moritzWordpress — Wed, 03 Dec 2008 18:26:52 +0000

MySpace brachte jüngst die Version 2.0 ihres Layouts heraus. 2.0 klingt sehr buzzwordig und soll wohl einen großen Fortschritt ankündigen. Neue Version des Layouts heißt, die Codebasis von MySpace Seiten ändert sich. Das neue Layout bringt auch einen neuen Editor mit, der es einfacher machen soll, das Layout an die persönlichen Wünsche anzupassen. Bis jetzt kommen nur “normale” MySpace Seiten in den Genuss, das 2.0 Layout nutzen zu können. Musikerseiten sind davon ausgenommen.

Der neue Editor

Er kommt gut bedienbar und flott daher. Eine Bedienungsleiste wird am oberen Bildrand fix eingeblendet. Darunter befindet sich eine Live-Ansicht des aktuellen Layouts.

Menüpunkt “Aussehen”

Hier hat man einige weitere Untermenüs zur Auswahl. Man kann vorgefertigte Designs auswählen, oder das Layout und dessen Breite ändern (1,2,3-Spalten usw.). Im Menüpunkt “Erweitertes Bearbeiten” ist es möglich Hintergrund, Schrift und Abstände der einzelnen Bereiche zu definieren. Eigene CSS Angaben können ebenso eingefügt werden und müssen nicht mehr direkt in den Inhalten eingefügt werden.

Menüpunkt “Module”

Die verfügbaren MySpace Module können hier ein- und ausgeschaltet werden. Das ist ein großer Fortschritt gegenüber der alten Vorgehensweise, wo man einzelne Bereiche der Seite nur durch wilde CSS-Hacks ausblenden konnte.

Der Code dahinter

Das HTML von MySpace ändert sich mit dem neuen Layout dramatisch. Unglaublicherweise ist keine einzige Layouttabelle mehr zu finden. Allerdings leidet das neue Layout an schwerer Divitis.
<div class="moduleBodyEnd">div>div>div>div>div> <div class="moduleBottom"><div><div>div>div>div>div>

Positiv hervorzuheben ist, dass der Code annähernd semantisch ist, leider aber fernab vom validieren. Vor allem großgeschriebene HTML Tags, fehlende Anführungszeichen bei Attributen und nicht maskierte & Zeichen machen die vielen Fehler aus. Hätte man hier sauber gearbeitet und nicht totalen Schrott als Vorlage genommen, könnte die Seite jetzt validieren. Als Doctype wird beim neuen Layout immerhin XHTML 1.0 transitional verwendet.

Der große Wurf…

…ist MySpace mit dem neuen Code leider nicht gelungen. Man hat zwar die Inhalte von den Tabellenfesseln befreit, jedoch hat man es auch im Jahr 2008 nicht geschafft annähernd validen Code zu schreiben.Auch die Tatsache, dass das neue Layout nicht für Musikerseiten verfügbar ist, nervt. Es ist ein Schritt in die richtige Richtung, allerdings ist nicht zu erwarten, dass der nächste schneller als in 5 Jahren kommt.