Es ist schon eine schöne Tradition geworden. Jedes Jahr veröffentlichen die Webkrauts Türchen für Türchen den Adventskalender mit interessanten tageweise zu verarbeitenden Informationseinheiten. Dieses Jahr lautet das Motto Tipps und Tricks. Morgen geht es wieder los, leider auch dieses Jahr ohne meine Beteiligung. Trotzdem – oder vielleicht gerade deswegen – gilt hier der Lesebefehl.

Ähnliche Beiträge:

1. Der Webkrauts-Adventskalender öffnet seine Türchen
2. Adventskalender der Webkrauts natürlich auch 2007
3. Webkrauts testen Bundesligavereine

Pünktlich am 1. Dezember ist es wieder so weit. Der Adventskalender der Webkrauts läuft dieses Mal unter dem Motto »Das Beste aus der Praxis« oder »Best Practice im Web«. Das oben zu sehende, sehr schöne Banner für die Aktion wurde übrigens von Manuela Hoffmann erstellt.

Nachdem ich ja im letzten Jahr noch vertreten war, habe ich es in diesem Jahr nicht geschafft, einen Beitrag beizusteuern. Ich gelobe aber Besserung, auch im Hinblick auf Beiträge hier im Weblog. Auf jeden Fall freue ich mich aber auf die Praxistipps der Mitstreiter. Was aus der Themenliste bekannt geworden ist, klingt durchaus vielversprechend.

Ähnliche Beiträge:

1. Alle Jahre wieder: der Webkrauts-Adventskalender

Die Umfrage richtet sich an jeden im deutschsprachigen Raum (Deutschland, Österreich, Schweiz, Luxemburg und Liechtenstein) lebenden und arbeitenden Webworker; ganz gleich ob weiblich oder männlich, Freelancer oder Angestellter. Das beinhaltet Webdesigner, Entwickler, Projektmanager, Suchmaschinenexperten, Webautoren, Online-Redakteure, Informationsarchitekten, Usability-Experten, Web-Ergonomen, XML-Evangelisten und sonstige Webworker. Wir bitten jeden, der an der Entwicklung von Websites im deutschsprachigen Raum arbeitet, an der Umfrage teilzunehmen.

Die Webkrauts führen die Umfrage durch, um Antworten auf folgende Fragen zu erhalten: Wer sind wir? Wo leben wir? Welche Berufsbezeichnung geben wir uns? Was haben wir für eine Ausbildung? Was sind unsere Kernkompetenzen? Was verdienen wir und was sind unsere Ziele? Und vielleicht ergeben sich auch interessante Ergebnisse im internationalen Vergleich.

Ab dem 7. Januar 2008 finden Sie den Fragebogen bei Michael Jendryschik. Die Umfrage läuft bis zum 18. Februar 2008.

Ähnliche Beiträge:

1. I took it
2. Risiken für Shops durch Web 2.0?
3. Abmahnwelle durch Media-Märkte

Auf geht’s zu den Google-Funktionen im Überblick.

Ähnliche Beiträge:

1. Webkrauts führen Umfrage für Webworker durch

Vladimir Simovic (Perun) hat mit »WordPress – Das Praxisbuch« sein zweites WordPress-Buch veröffentlicht. Der Inhalt teilt sich in vier Abschnitte. Teil eins übernimmt die Einführung in Weblogs, den Einstieg in WordPress und seine Administrationsoberfläche und endet mit den ersten Schritten als Blogger und Anpassungen am bestehenden Weblog.

Teil zwei führt in das Template-System von WordPress ein. Anschließend stellt Simovic drei Themes, nämlich die zwei in der Standardinstallation mitgelieferten und ein selbstentwickeltes, im Detail vor. Alle im Theme enthaltenen Dateien werden detailliert mit Quelltext vorgestellt. So einiges ist hier allerdings redundant und hätte ohne Informationsverlust auch kürzer dargestellt werden können. Der Anschaulichkeit dieses Teils tut das aber keinen Abbruch. Der Abschnitt endet mit einem Tutorial, in dem die Verwendung von WordPress als CMS erklärt wird – ein Einsatzzweck, zu dem die Weblog-Software immer häufiger herangezogen wird.

Teil drei trägt den Titel »Pimp my WordPress« und gibt dem Weblog-Autor konkrete Tipps für Dienste und Plugins, mit denen der Funktionsumfang der Software gezielt erweitert oder der Erfolg überwacht werden kann.

In Teil vier finden wir schließlich die Referenz der Template-Tags, die das Buch damit neben dem eh schon gelungenen Inhalt auch noch zu einem kompakten Nachschlagewerk macht.

Eine nette Dreingabe ist die beiliegende Buch-CD. Sie enthält neben zwei unterschiedlichen Programmversionen von WordPress (2.3 war bei Redaktionsschluss noch nicht veröffentlicht ist enthalten) alle im Buch erwähnten Plugins sowie eine vom Autor geschnürte Komplett-Version von WordPress inkl. deutscher Sprachdatei. Dazu gibt es noch die SelfHTML-Dokumentation.

Die Zielgruppe

Das Buch ist ausdrücklich ein Praxisbuch. Es ist kein Einsteiger-, aber auch kein Profibuch. Der Leser sollte möglichst schon erste Erfahrungen mit einem Weblog oder sogar mit WordPress im Speziellen gesammelt haben. Aber auch für Leser, die sich noch gar nicht mit der Materie beschäftigt haben, ist der Schritt zum Verständnis des Buches nicht groß. Für die Umsetzung der Beispiele und das Verständnis der Templates sind zudem Kenntnisse in HTML, CSS und der in WordPress verwendeten Programmiersprache PHP sinnvoll.

Für ein Profibuch ist neben der Einführung der Template-Teil zu ausführlich. Dafür würde ich dann eher mehr zum Thema Programmieren von Plugins und einen tieferen Blick unter die Haube der Software erwarten.

Das Fazit

Als das, was es ist, finde ich das Buch sehr gelungen. Ist man in der umrissenen Zielgruppe, findet man ein anschauliches, sachliches aber nicht zu trockenes Stück Lesestoff und ein sinnvolles Nachschlagewerk.

Über den Autor

Vladimir Simovic aka Perun wohnt in Köln, arbeitet als freier Webworker, Blogger und Autor und er ist Mitglied der Webkrauts.

Links zum Buch

• Website des Autors
• Buch-Website
• Das Buch bei www.jpc.de

Technische Angaben

• WordPress
• Das Praxisbuch
• von Vladimir Simovic
• ISBN: 9783826617904
• mitp-Verlag, 12/2007
• 383 Seiten, mit zahlreichen Abbildungen und CD-ROM, Kartoniert/Broschiert

Ähnliche Beiträge:

1. Rezension »Little Boxes Teil 2« von Peter Müller
2. Rezension: »Web Usability – Das intuitive Web« (Don’t make me think!)
3. Rezension »Einführung in XHTML, CSS und Webdesign« von Michael Jendryschik

Auch 2007 veröffentlichen die Webkrauts natürlich auch wieder einen Adventskalender. Die Idee, jeden Tag im Advent einen Artikel zu Webentwickler-Themen zu veröffentlichen, entstand schon vor einigen Jahren bei Jens Grochtdreis, Manuela Hoffmann, Vladimir Simovic und Stefan Blanz begründet und wird nun bereits im dritten Jahr bei den Webkrauts fortgeführt.

Das Konzept der diesjährigen Beiträge weicht ein wenig von den Vorjahren ab. Mehr dazu bei Jens.

In »Hovereffekte mit CSS-Sprites«, veröffentlicht bei den Webkrauts, zu deren wachsender Mitgliederliste ich mich mit Stolz zähle, beschreibe ich anhand eines einfach nachzuvollziehenden Beispiels eine Technik, die die Änderung der Optik von Links beim Überfahren mit der Maus ohne Austausch der Hintergrundgrafik ermöglicht.

Viel Spaß beim Lesen.

Ähnliche Beiträge:

1. Webstandards verinnerlichen (»How to Grok Web Standards«)
2. Webstandards begreifen und anwenden
3. Rezension »Little Boxes Teil 2« von Peter Müller

Für drei der beteiligten Vereine habe ich auch Testberichte beigetragen. Erscheinen werden von mir die Test zu den Websites des VfL Osnabrück, DSC Arminia Bielefeld und SC Paderborn.

Die Tests erscheinen in loser Folge in der nächsten Zeit bei den Webkrauts. Der erste Teil behandelt die Sites von Hertha BSC Berlin, MSV Duisburg und des amtierenden deutschen Meisters VfB Stuttgart.

Ähnliche Beiträge:

1. Webkrauts führen Umfrage für Webworker durch
2. Adventskalender der Webkrauts natürlich auch 2007
3. Der Webkrauts-Adventskalender öffnet seine Türchen

Wer hat nicht schon einmal verzweifelt vor einem Kunden gestanden, den man zwar in bester Absicht, aber mit aus Kundensicht nicht nachvollziehbarer Argumentation, für einen streng nach Webstandards produzierten Auftritt überzeugen wollte. Der Artikel von Nils sollte für die nächsten Gespräche eine große Hilfe sein.

Via Webkrauts und Einfach für Alle

Ähnliche Beiträge:

1. Webstandards begreifen und anwenden
2. Webstandards verinnerlichen (»How to Grok Web Standards«)
3. Neues Webstandards-Projekt »International Liaison Group«

Eine neue Woche, zwei neue Seiten mit Relaunch: QSC und freenet sind mit neuem Layout und neuem Code online gegangen.

Beide Sites sind mir zwar im alten Layout bereits begegnet, da ich jedoch kein regelmäßiger Besucher bin, musste ich mein Gedächtnis erst mit Hilfe der Waybackmachine wieder auffrischen.

QSC

Eines vorweg: Das Aussehen der Site hat meiner Meinung nach bei dem Relaunch deutlich gewonnen. Die Startseite ist übersichtlich bietet einen schnell zu erfassenden Überblick über die gebotenen Leistungen. Die gesamte Optik wirkt frischer und erheblich großzügiger im Vergleich zur abgelösten Version. Das liegt natürlich auch an der festen Breite von 940 Pixeln für den Inhaltsbereich, der bei breiterem Fenster zentriert dargestellt wird.

Lässt man sich die Seite ohne Bilder anzeigen, fehlt keine wesentliche Information. Allerdings ist man bei QSC auch betont sparsam mit der Verwendung von Bildern umgegangen. Die textuelle Information steht offensichtlich klar im Vordergrund. Das setzt sich auch auf den Folgeseiten fort – Bilder werden weitestgehend nur als Eyecatcher eingesetzt.

Die Seiten validieren nicht, sind aber sehr nahe dran. Hätte man statt »strict« »transitional« genommen, hätte es auf den meisten Seiten schon gereicht. Auf das TARGET-Attribut muss man eben verzichten oder den passenden Doctype wählen.

Das Markup ist weitgehend semantisch. Überschriften sind Überschriften, Listen sind Listen und Absätze sind Absätze. Allerdings leidet der Auftritt an einer leichten Divitis. Einige der tief verschachtelten DIVs hätte man sicherlich einsparen können, ohne auf gestalterische Möglichkeiten zu verzichten.

Auf Layouttabellen wird weitestgehend verzichtet. Jedoch wird in der Login-Maske, die nach Klick auf »myQSC« als Layer erscheint, dann doch wieder auf eine Tabelle zur Gestaltung zurückgegriffen. Mit ausgeschaltetem JavaScript funktioniert der Login übrigens auch, dann aber nicht im Layer sondern auf einer neuen Seite – spannend ist dabei, dass die aufgerufene Login-Seite dann wieder im alten Layout erstrahlt. Auch an anderen Stellen der Site konnte ich keine Nachteile bei deaktiviertem JavaScript feststellen.

Besondere Hilfen zur Zugänglichkeit der Site konnte ich nicht finden. Weder konnte ich Möglichkeiten zur Schriftgrößenänderung oder zur Farbumkehrung finden, noch sind Übersprunglinks, mit denen man z.B. direkt den Inhalt unter Umgehung der Navigation erreichen kann, zu vorhanden. Benutzer eines Screenreaders dürften sich jedoch trotzdem aufgrund des semantischen Markups relativ einfach zurechtfinden können, wobei man es ihnen sicher leichter machen könnte.

freenet

Auch hier eines vorweg: Dieser Relaunch ist im Hinblick auf die Codequalität deutlich weniger erfreulich als der von QSC.

Die Optik der Seite ist für eine Portalseite mit dem üblichen Informationsüberflussgehalt recht angenehm. Die Breite ist fixiert auf 830 Pixel und bleibt bei größerem Fenster mit einem kleinen Rand linksbündig stehen. Dem Betrachter erschließt sich auch hier sehr schnell, worum es bei freenet geht.

Auf Semantik wurde bei freenet kein erkennbarer Wert gelegt. Zwar sind die zahlreichen Links meist in Listen organisiert, das war es dann aber auch schon mit semantischer Auszeichnung. Überschriften konnte ich bei meinem Besuch keine entdecken und in Absätzen stehender Text taucht auch nicht auf. Stattdessen steht eine Überschrift z.B. als <strong class="frn_linkLink">Online-Billard</strong> im Quelltext und der überschriebene Absatz folgt einfach in einem noch weniger sinnvollen SPAN-Element. Der ganze Wust steht mit dem vorausgehenden Bild in einem A-Element. Der gesamte Seiteninhalt ist von einer Layouttabelle umgeben.

Mit ausgeschalteten Grafiken wird die Seite schon schwer navigierbar. Da die Überschriften der einzelnen Linklisten als Grafik ohne ALT-Attribute angelegt sind, fehlt ohne die Grafiken jede Orientierung. Dass es für Nutzer von Screenreadern keine Hilfen gibt, muss da schon fast nicht mehr erwähnt werden.

Ohne die Verschachtelungstiefe der DIVs gezählt zu haben, würde ich jedoch bei freenet von einer noch gravierenderen Divitis ausgehen, als bei QSC. Da es innerhalb dieser DIVs bis auf ein paar eingestreute STRONGs keinerlei sinnvolles Markup gibt, dürfte die Seite für Blinde und für Google gleichermaßen schwer inhaltlich zu erfassen sein.

Dass kein Wert auf valides HTML gelegt wurde, überrascht wirklich nicht. Die Ampersands in den zahlreichen Links sind nicht maskiert. ALT-Attribute fehlen, dafür bekommen INPUT-Elemente jedoch großzügig WIDTH und HEIGHT zugeteilt. IDs werden mehrfach definiert.

Mit ausgeschaltetem JavaScript zeigen sich hässliche Löcher an Stellen, die für interessante Informationen gedacht waren. Ich habe keinen anderen Weg gefunden, um trotzdem an die Infos zu gelangen. Sinnvolle Verwendung von JavaScript sieht für mich deutlich anders aus.

Fazit

Beide Neustarts sind optisch ansprechend, einer ist es auch von seinen inneren Werten her. Wenn man ein Beispiel für einen gelungenen Relaunch sucht, sollte man sich an QSC orientieren und die wenigen angeführten Kritikpunkte beachten.

Der Stefan

Ähnliche Beiträge:

1. Relaunch