Jeder Interessierte ist herzlich eingeladen. Um Anmeldung wird über ein Formular gebeten.

Wir verlosen 2 Eintrittskarten für die WebTech. Die Eintrittskarten gelten für die komplette Konferenz, ein Intellibook ist leider nicht inklusive. Einzige Bedingung für die Teilnahme: hinterlasst einen Kommentar mit einer Linkempfehlung für eine Webseite, die Euch immer wieder gute Dienste und Informationen beim Entwickeln von Webseiten leistet. Es können auch mehrere Links sein. Bitte beachtet, eine korrekte E-Mailadresse anzugeben, damit wir Euch kontaktieren können. Das Gewinnspiel endet am Donnerstag, den 16. September um Mitternacht.

Bitte beachtet außerdem: Webkrauts und Gewinner der letzten beiden Gewinnspiele können leider nicht teilnehmen!

Entgegen dem Titel der Veranstaltung findet der Kongress dieses Jahr an der wirtschaftswissenschaftlichen Fakultät der Uni in Nürnberg statt. Das Programm verspricht viele hochinteressante Vorträge aus der Praxis.

Die Webkrauts verlosen deshalb drei Eintrittskarten für den Webkongress Erlangen. Einzige Bedingung zur Teilnahme: einen Kommentar hinterlassen, in dem mindestens ein sehr empfehlenswerter Artikel zu CSS3 oder HTML5 genannt wird. Der Link muss nicht aus dem Angebot der Webkrauts stammen, darf es aber durchaus. Teilnahmeschluss ist Sonntag, der 5. September um Mitternacht. Bitte vergesst nicht, Eure korrekte E-Mailadresse einzutragen, sonst erreicht Euch der Freischaltcode für die Eintrittskarte nicht.

Nachtrag: Mitglieder der Webkrauts sind von dieser Verlosung leider ausgeschlossen. Ich hatte leider vergessen, das zu erwähnen.

Layout-Frameworks im professionellen Webdesign

»Am Mittwoch Morgen hatte ich zu verdammt zeitiger Stunde (9:00) die Gelegenheit, über Layout-Frameworks im professionellen Webdesign vorzutragen. Ich habe den Anlass genutzt, in einen Überblick über die mittlerweile zahlreichen und sehr unterschiedlichen Lösungsansätze für CSS-Frameworks zu schweifen und zu kommentieren. Im Bereich des Seitenlayouts (Grids, Spalten) sind in nächster Zeit keine Umwälzungen zu erwarten. CSS2 ist seit 10 Jahren unverändert, die Layout-Module von CSS3 noch nicht einmal in den Startlöchern. Die verschiedenen Layoutkonzepte sind bekannt und als Best Practice Lösungen je nach Grundkonzept (Grids, Spalten) in verschiedenen Projekten implementiert.

Spannend ist nach wie vor die Entwicklung im Bereich der Gestaltung von Seiteninhalten. YAML widmet sich seit zwei Versionen verstärkt diesem Bereich (Formulare). Nicole Sulivans Projekt OOCSS hat hier ebenfalls sehr interessante modulare Ansätze, deren positiver Einfluss oft unterschätzt wird.«

Einen zusammenfassenden Blogbeitrag samt der Folien des Vortrages gibt es in Kürze auch auf Highresolution.info.

Das Internet als Datenbank

»Die beiden wunderschönen Spielzeuge YQL und Pipes machen Veranstaltungen wie Hack Days überhaupt erst möglich. Dank des intuitiven Interfaces von Pipes und der Wiederbelebung von SQL als universelle Web-API in YQL öffnet sich plötzlich das gesamte Internet als möglich Datenquelle. Jeder ist in der Lage, mit wenigen Handgriffen Mashups zu erstellen und aus bestehenden Zutaten etwas ganz neues schaffen. Die Einfachheit, etwas Verbessungswürdiges mit wenigen Handgriffen verbessern zu können, ist der Grund, warum mich diese Techniken so begeistern.«

User Interface Testing

»Meinem Vortrag zum Thema User Interface Testing war grob in drei Teile gegliedert. Ein erster Teil beschäftigte sich anschaulich mit der Frage, warum überhaupt getestet werden muss und was passiert, wenn man genau bei diesen Maßnahmen schlampt.

Im zweiten Teil habe ich zunächst einen Überblick über automatisierte Testmethoden gegeben. Dabei habe ich Validierer für Markup und Formatierung, sowie automatisierte Tests für Interaktion vorgestellt, Tests für Barrierefreiheit (größtenteils) als Humbug entlarvt und gezeigt, wie man statistische Daten zur Usability einer Website erhalten kann.

Der dritte Teil beschäftigte sich schließlich mit den manuellen Testmethoden. Die Bemerkung, dass Checklisten etwas für die Vorbereitung und nicht für die Nachbereitung seien, konnte ich mir nicht verkneifen. Thematisiert wurde Usability mittels Eye-Tracking, Barrierefreiheit anhand der Erfolgskriterien der WCAG 2.0, ein Blick auf den Code mit gesundem Verständnis für Semantik und Nutzertests mit behinderten und nicht behinderten Probanden. Der Vortrag schloss mit dem (ermahnenden) Hinweis, dass Qualitätssicherung mehr ist, als das bloße Abarbeiten von Checklisten – sie soll dafür sorgen, dass Nutzer Webseiten oder Applikationen gern und aus Überzeugung besuchen oder verwenden.«

Den Vortrag reichen wir nach.

WCAG 2.0

»Eigentlich sollte mein Vortrag eine Einführung in die WCAG 2.0 sein. Aufgrund aktueller Diskussionen in der Webdesign-Szene konnte ich es mir jedoch nicht verkneifen, ein paar grundsätzliche Bemerkungen zum Zustand der Barrierefreiheit und gegen das weit verbreitete Lamentieren zu machen. Daher begann der eigentliche Vortrag mit deutlicher Verspätung, und dementsprechend bin ich dann leider auch nicht fertig geworden.«

Barrierefreies JavaScript

»Unter dem Titel ›Die 5 Ebenen barriererfreier Web-Entwicklung‹ zeigte ich eine Erweiterung des bekannten 3 Ebenen-Modells HTML/CSS/Javascript. Da ohne eine barrierefreie Basis an erweiterte Zugänglichkeit gar nicht gedacht werden kann, beinhaltete die erste Hälfte des Talks grundsätzliche Tipps und Tricks zum Aufbau jeder Webseite. Bei den beiden neuen Ebenen handelt es sich um ›CSS für Javascript‹ und ›WAI ARIA‹.

Insbesondere diese beiden neuen Ebenen stießen auf reges Interesse und noch vor Ende des Vortrags gab es immer wieder viele sehr gute Fragen, gefolgt von einer spannenden Diskussion über die Zukunft barrierefreier Web-Entwicklung. Ein interessiertes und engagiertes Publikum wie das des Webstandards-Tages der Webtech ist exakt der Grund, warum es Spaß macht bei Konferenzen zu sprechen «

Best Practices in JavaScript und CSS

»Dirk Jesse und ich haben jede Menge guter Tipps und Tricks zusammengetragen, die Webprojekte mit wenig Arbeit besser und flexibler machen. Viele Beispiele drehen sich um Aspekte für Screenreader und Tastatur-Nutzer. Darüber hinaus geben wir Tipps zur Arbeit mit WYSIWYG-Editoren oder Alphatransparenzen.

Wir waren beide überrascht, wie viele Frontend-Entwickler im Publikum saßen. Bei einer Konferenz mit so viel Anteil an PHP, Flash, Silverlight und iPhone hatten wir das gar nicht erwartet. Dadurch konnten wir aber den ersten Teil etwas schneller abhandeln und haben gerade eben so alles unterbringen können. Gut, dass wir ein halbes Dutzend weiterer Themen vorher gestrichen hatten.

Dieser Vortrag wurde übrigens aufgezeichnet und ist in ein paar Wochen dann sicher auch auf der Website der WebTech zu finden.«

»Die WebTech ist eine neue Konferenz, die die Webinale ergänzen soll. Sie soll eine breiten, technisch fokussierten Überblick über die Entwicklung des Internet geben. Sie ist damit eine Art Bindeglied von der Webinale zu den software-spezifischeren Konferenzen des S&S-Verlages.

Am Rande der Webinale 2009 sprach mich der Veranstalter an, ob wir Webkrauts nicht Lust hätten, einen Tag thematisch zu gestalten. Innerhalb von zwei Wochen hatte ich alle Vortragenden und Vortragsthemen zusammen. Es ist uns eine gute Mischung gelungen, die viele interessierte Zuhörer anzog.

Der Webstandards-Tag bot die folgenden Vorträge:

• Nils Pooker: ›Erfolgreiche Kundenkommunikation‹
• Martin Kliehm und Eric Eggert: ›Die Zukunft des Web beginnt jetzt‹
• Tomas Caspers: ›WCAG 2.0‹
• Dirk Ginader: ›Barrierefreies Javascript‹
• Nicolai Schwarz und Dirk Jesse: ›Best Practices in Javascript und CSS‹

Neben dem eigentlichen ›Web Standards Day‹ tummelten sich Webkrauts auch an anderen Ecken des Programms. Als Web-Evangelist von Opera begeisterte Webkraut Patrick H. Lauke das Publikum mit einer sehr interessanten Keynote über HTML5. Abends wurden die Teilnehmer von Tomas Caspers und mir mit ›Gute Seiten, schlechte Seiten‹ als ›Waldorf und Stadler der Webstandards-Szene‹ unterhalten.

Am Mittwoch sprachen die Webkrauts Dirk Jesse, Dirk Ginader und Stefan Nitzsche und beschlossen damit eine interessante und abwechslungsreiche Veranstaltung.«

Gruppenfoto mit Körpereinsatz: Webkrauts auf der WebTech. Von links nach rechts: Dirk Jesse, Tomas Caspers, Stefan Nitzsche, Sandra Kallmeyer, Eric Eggert, Nicolai Schwarz und Dirk Ginader. Unten: Martin Kliehm und Jens Grochtdreis

Erfolgreiche Kundenkommunikation

»Um 9:00 Uhr eröffnete ich als Vorturner den Webstandards Day, erneut mit dem Thema Kundenkommunikation. Der Vortrag richtete sich an alle Webworker, die direkt oder indirekt im Kundenkontakt stehen. Neben der noch immer mangelhaften Medienkompetenz standen Praxistipps auf Grundlage der fünf Kommunikationsgrundsätze im Vordergrund: Argumentationshilfen, Tipps zu Checklisten, die richtige Fragetechnik und Demonstrationsbeispiele für gute Qualität.«

Die Zukunft des Web beginnt jetzt

»Ich sprach über die Semantik in HTML5 und neue Browser-APIs, etwa die Möglichkeit, Daten direkt beim Client zu speichern und wieder laden zu können. Durch diese APIs ist es in neuen Browsern auch möglich, den Besucher einer Seite zu orten, ihm dadurch kontextsensitive Informationen zukommen zu lassen.

Alle kennen das CSS-Borders-&-Boxes-Modul, das unter anderem abgerundete Ecken ermöglicht. Ich zeigte kurz was darüber hinaus geht, zum Beispiel die Schrifteinbindung mit @font-face oder Transitions, die jetzt von Firefox 3.5 und Safari unterstützt werden.«

»Ich habe in meinem Vortrag heutige und zukünftige W3C-Technologien vorgestellt, hier die Links dazu. Darunter stechen insbesondere das HTML5 Canvas-Element, Video und 3D hervor.

Canvas kann Inhalte verzerren, drehen, wölben, filtern und einige Dinge mehr, und es ist dynamisch per JavaScript programmierbar. <video> direkt im Browser ohne Flash ermöglicht Unabhängigkeit von Adobe, was gerade für Geschäftsmodelle wie das von YouTube, Dailymotion oder die BBC wichtig ist. Darüberhinaus können Canvas und Video in Kombination spannende Effekte erzielen.

Und 3D im Browser eröffnet völlig neue Möglichkeiten für Spiele und andere Anwendungen, bei denen per WebGL dreidimensionale Daten und Modelle effizient übertragen werden können. Bislang ist Barrierefreiheit von den Browserherstellern in den neuen Technologien kaum berücksichtigt worden, aber die neugegründete HTML Accessibility Task Force, deren Mitglied ich bin, wird sich der Themen annehmen. Uns steht jedenfalls eine sehr aufregende Zukunft bevor!»

Keynote: The future of web technologies

»Zukunftsvisionen waren anscheinend ›in‹ auf der WebTech. Meine Keynote ›The future of web technologies‹ war schon der zweite von insgesamt drei Vorträgen, der sich mit neuen Standards wie HTML5 und CSS3 auseinandersetzte.

Der Schwerpunkt lag hier aber in den neuen Möglichkeiten, die sich vor allem im mobilen Raum – wo Flash- oder Silverlight-Plugins nicht immer vorhanden sind – durch Neuerungen wie <video> und <canvas> eröffnen; wie man mit neuen Techniken wie CSS3 Media Queries und SVG Webseiten erstellen kann, die sich an verschiedene Ausgabegeräte (Handy, Netbook, Internet-TV, usw) anpassen können; und wie die immer komplexeren und anpassungsfähigen Browser-Engines Innovationen wie W3C Widgets auf einer Vielzahl von Geräten ermoeglichen… ein Trend, der meiner Ansicht nach bald ›native Applikationen‹ (z.B. iPhone/Android Apps) verdrängen wird und Frontend Entwicklern schon heute ermöglicht, ›echte‹ Programme auf Basis von Webstandards zu erstellen.«

Der Vortrag als PDF

Am Webstandards-Tag (dem Dienstag) halten die Webkrauts Nils Pooker, Martin Kliehm, Eric Eggert, Tomas Caspers, Dirk Ginader, Nicolai Schwarz und Dirk Jesse Vorträge. Moderiert wird alles von Jens Grochtdreis. Patrick Lauke – auch ein Webkraut – wird eine Keynote halten. Am letzten Veranstaltungstag sind die Webkrauts Stefan Nitzsche, Dirk Ginader und Dirk Jesse mit Vorträgen vertreten.

Wir verlosen zwei Super-Conference-Pässe (ohne das Intellibook). Diese gelten für alle drei Tage. Wer gerne hinmöchte schreibt uns einfach einen Kommentar. Wir lassen dann den Zufallsgenerator entscheiden. Teilnahmeschluss ist Sonntag, 13 Uhr.

Update:
Der Zufallsgenerator hat entschieden. Gewonnen haben die Kommentare 58 und 38: Jens Grundmann und Kirstin Schütz. Herzlichen Glückwunsch und viel Spaß auf der Konferenz. Die beiden werden per Mail mit Details versorgt.

Bei dieser Verlosung durften auch Webkrauts mitmachen, lediglich die Redaktion war von einem Gewinn ausgeschlossen.

Dort geht es in diesem Jahr um das »Web 2.0 – Die Zukunft der Webtechnologien«. Unter den Referenten sind neun Webkrauts, weshalb wir gerne für den Kongress werben.

Mit von der Partie sind:

• Ansgar Hein: »Progressive Enhancement & Barrierefreiheit am Beispiel von jQuery«
• Dirk Jesse: »CSS Frameworks – Erwartungen, Mythen und reale Vorteile«
• Eric Eggert: »Webdesigner an die Macht!«
• Jens Grochtdreis: »Die 10 drängendsten Herausforderungen des Web«
• Nicolai Schwarz: »Wenn der Hund beim Jonglieren scheitert, sollte er vielleicht das Kleid ausziehen« (Content Usability)
• Nils Pooker: »Webstandards – noch immer ein Thema?«
• Martin Kliehm: »Wet Floor und Coverflow: Canvas in HTML5«
• Michael Jendryschik: »6 Beispiele für die nützliche Anwendung von Mikroformaten«
• Tomas Caspers: »Barrierefreiheit im Jahre 2008 – Mehr offene Fragen als Antworten?«

Darüber hinaus gibt es weitere spannende Themen anderer Webworker. Und natürlich sind auch weitere Webkrauts im Publikum mit dabei.

Es gibt unzählige freie Web-Baukästen und -Redaktions­systeme für die Erstellung von Webseiten – doch welches setze ich am Besten ein? Gibt es die »eierlegende Woll­milchsau« für alle Arten von Web-Projekten? In der Regel nicht und deswegen möchten die Veran­stalter einen Überblick der populärsten Frameworks und Content Management Systeme geben:

MMT XXIII: »Frameworks und Content Management Systeme – Flexibel bleiben!«, Samstag, 21. Juni 2008, KOMED, MediaPark Köln;
ausführliche Infos zur Veranstaltung bekommt Ihr unter multimediatreff.de.

Die Teilnahme an der Veranstaltung kostet 35,- € und beinhaltet die Ver­pflegung über den ganzen Tag. So gibt es lecker belegte Brötchen, opulente Frucht­schalen und am späten Nach­mittag die berühmt-berüchtigte Pizza-Schlacht! Zudem fließen reichlich Soft-Getränke und zum Abschluss gibt es noch ein spritziges, kühles Kölsch. Des Weiteren locken noch Gewinne in Form von Büchern zu den Fach-Themen, sowie nette Give-Aways der Sponsoren!

Mittlerweile kommt es bei der Veranstaltung schon traditionell zum Klassen­treffen der Webkrauts; mit dabei sind unter anderem Angie Radtke, Ansgar Hein, David Maciejewski, Dirk Jesse, Gerrit van Aaken, Jens Grochtdreis, Kai Laborenz, Nicolai Schwarz, Nils Pooker, Stefan Nitzsche, Tomas Caspers und Vladimir Simovic. Wer sich noch nicht entschieden hat, der sollte es in den nächsten Tagen tun, da die Plätze wie immer begrenzt sind.

Die aktuelle Teilnehmerliste gibt Euch einen Einblick, wer sich bis dato angemeldet hat. Vielleicht findet Ihr dort bekannte Gesichter und könnt eventuell Fahr­gemein­schaften bilden.