mindgarden

.mindgarden is the digital playground of marc tobias kunisch

.opinions on this website are in not necessarily those of my employer

.send an email to info 'at' mindgarden 'dot' de

.follow the mindgarden on twitter @mindgarden_de or @tobestobs
.regular guest bloggers are @lwsrc, @dheeva and @idrathernot

09.09.2009

the new mindgarden

As you may or may not have noticed, I finally moved mindgarden to a new server with a new design and new blogging engine.

We’re now using habari instead of textpattern. I was always a big fan of textpattern but development wise there has been nothing going on with it for what feels like forever. So we switched to habari, trying something new. The admin backend is gorgeous and everything works really well so far. Apart from some htaccess trouble that I ran into when redirecting the old URLs to the new ones. But the habari guys in their IRC channel were incredibly helpful, so got that sorted as well. I might be reporting about that a bit more in another posting.

I’m personally quite happy about the design. The idea was to simplify the old design while preserving the general mindgarden look. It’s still a bit rough around the edges, but overall I think it works quite well. There are still a lot of details to be straightened out and no-one seems to find out that you can expand the header at the moment. But I’ve used a few new semantic HTML5 elements and quite a bit of CSS3 on top of it. CSS multi-columns for example and media queries so you get more text columns of text of you enlarge your browser window. I will be writing about that more in future posts as well.

I hope you like it.

03.08.2009

HTML5 - ein Überblick

Spätestens seit das W3C angekündigt hat, XHTML2 nicht weiterzuverfolgen wird HTML5 im Netz heftig diskutiert. Eine deutschsprachige Suche nach HTML5 auf Google bringt allerdings erstaunlich wenige Ergebnisse. Hier also mein Versuch einer kleinen Zusammenfassung zum Stand der Dinge:

Was bisher geschah

Als Nachfolger von HTML4 war XHTML1. Anders als HTML4 basierte XHTML auf XML und sollte die Auszeichnungssprache HTML erweiterbar machen. Dafür muß XHTML aber als XML an den Browser gesendet werden, was der Internet Explorer leider nicht unterstützt. Somit wurde HTML zwar um eine konsistentere Syntax bereichert, das eigentliche Vorhaben wurde aber nie Realität.

Frustriert mit den Bemühungen des W3C, mit XHTML2 einen Nachfolger für XHTML1 zu schaffen, bildete sich 2004 die Web Hypertext Application Technology Working Group (WHATWG), die mit HTML5 begannen, an einem Gegenvorschlag für den künftigen HTML Standard zu arbeiten.

2007 wurde die WHATWG von der HTML Arbeitsgruppe des W3C aufgenommen, was bedeutete, dass ein zwei konkurrierenden HTML Standards gearbeitet wurde. Im Juli diesen Jahres verkündete das W3C dann, dass es die Arbeit an XHTML2 zugunsten von HTML5 zum Jahresende einstellen wird.

Somit wird HTML5 der nächste Standard von HTML werden.

Was ist HTML5?

Neben der Einführung von neuen semantischen Elementen in HTML liegt der Focus von HTML5 zu einem nicht unerheblichen Teil auf Web Applikationen (im Gegensatz zu traditionellen Webseiten).

Als solches gehen die Bestandteile von HTML5 ein ganzes Stück über das, was man bisher als HTML bezeichnet hätte hinaus und ist eher ein Sammelbegriff mehrerer Technologien und Erweiterungen. Und als solches auch gut als Buzzwort für Marketingzwecke zu mißbrauchen. Google und Apple werben mittlerweile regelmäßig mit den HTML5 Fähigkeiten von Safari oder Google Wave.

Tatsächlich ist abzusehen, dass Technologien, die jetzt noch unter dem Label HTML5 laufen später zu einem eigenen Standard verarbeitet werden.

HTML5 beinhaltet im Moment unter anderem:

  • Einen neuen doctype
  • Neue semantische Elemente wie unter anderem header, footer, section, article oder aside
  • Besserer Support für Formulare mit Web Forms 2.0
  • Javascript Erweiterungen
  • Drag&Drop Support
  • Geolocation
  • Editierbaren Content in Webseiten
  • Microdata als Gegenentwurf zu RDFa
  • Die Möglichkeit, Daten offline im Browser zu speichern
  • Natives Einbetten von Audio und Video (man denke video wie img zum Einbetten von Grafiken)
  • Canvas (generieren von Grafik mit Javascript im Browser)


Was ist heute schon möglich?

Es sehr einfach, HTML5 heute schon einzusetzen. Prinzipiell ist alles, was man dafür tun muß, den Doctype abzuändern. Viele der neuen semantischen Elemente in HTML5 lassen sich in kleineren Projekten schon jetzt einsetzen, wenn man bereit ist, in alten Internet Explorer Versionen Abstriche zu machen. Einen guten Überblick dazu gibt es bei Peter Kröner

Auch von denen andereren HTML5 Technologien ist schon eine überraschende Menge in verschiedenen Browsern implementiert. Leider bildet der Internet Explorer wieder einmal das Schlußlicht und wird wohl mittelfristig der entscheidende Faktor werden, wann einzelne Technologien von Website Betreibern adaptiert und eingesetzt werden.

Allerdings sind Opera, Apple, Google und auch Microsoft stark in den HTML5 Prozess involviert, so dass zu hoffen ist, dass Microsoft sich allein durch den Konkurrenzdruck der anderen Browserhersteller genötigt sieht, HTML5 zu umarmen.

Eine gute Übersicht, was in welchem Browser funktionert gibt es bei Molly Holzschlag und bei When can I use…

Kritik an HTML5

Kritik an HTML5 gibt es massig. Zum einen wird der Arbeitsprozess der WHATWG und der HTML working group regelmäßig kritisiert. Andere Stimmen beklagen der Fertigstellungstermin der Spezifikation, der im Jahr 2022 liegt (dabei gibt es zu, dass CSS2.1 auch kein fertiger Standard ist und Technologien erst zum Standard werden, wenn sie breiten Einsatz finden).

Weitere Probleme sind die Barrierefreiheit von von Canvas oder der Unwille der WHATWG bestehende Standards wie RDFa aufzunehmen und statt dessen Gegenentwürfe wie Microdata hervorbringen. Oder die Tatsache, dass es ohne XML Syntax prinzipiell nicht mehr nötig ist, Elemente zu schließen.

Viele Kritik entsteht durch bloße Desinformation, einige ist sehr berechtigt. Ich persönlich freuen mich, dass es nach Jahren des Stillstandes wieder nach vorne geht mit HTML. HTML5 wird uns eine lange Zeit begleiten und trotz aller Diskussionen (oder vielmehr gerade wegen den Diskussionen) kommen spannende Möglichkeiten auf uns zu, wie wir in Zukunft das Web gestalten können.

Ressourcen

Um sich (auf englisch) weiter über HTML5 zu informieren empfehle ich den html5doctor , die html5gallery und die html5demos

Außerdem habe ich mir vorgenommen, hier im mindgarden noch mehr über das Thema zu schreiben. Also schaltet wieder ein..

29.06.2009

@media2009 and standards.next html5 edition

Logo @media2009

After skipping the conference last year in favour of d.construct and FOWD this year I put my faith into @media again. And I was not disappointed.

None of the presentations covered any wildly controversial topics I but I enjoyed all of them. With Mark Boulton’s and Simon Collison talks being the highlights I guess. Some of Simon’s suggestions will no doubt find their way into the eConversions workflow.

Standards.Next

The true highlight was Standards.Next on saturday though. It is supposed to be the first event in a series of events about emerging standards. This time the topic was html5 and featured excellent presentations about a variety of aspects of html5. Bruce Lawson has a nice summary of the presentations on his website

All this got me really excited about the possibilites of html5 and I will definitely make use of it in the upcoming mindgarden relaunch (I’m working on it, really). And for everyone who wants to use html5 today the html5doctor.com website has gone online too. Go there to find out all about how you can make use of it right now.

Or go to http://html5demos.com/ to see some demos of Canvas or drag&drop. All really exciting stuff.

05.02.2009

mindgarden podcast 11: die HTML5 Ausgabe

Die HTML5 Ausgabe vom mindgarden podcast. Wir sprechen über HTML5 und anderes nerdiges Zeug, das den Durchschnitthausmann beschäftigt.

Podcast abonnieren, Podcast in iTunes abonnieren, Podcast herunterladen

Links zu den Themen:

http://www.peterkroener.de/html5-was-geht-heute-schon-was-geht-nicht-der-grosse-ueberblick/comment-page-1/
http://cameronmoll.com/archives/2009/01/12_resources_for_html5/
http://jontangerine.com/log/2008/03/preparing-for-html5-with-semantic-class-names
http://www.alistapart.com/articles/previewofhtml5
http://meyerweb.com/eric/thoughts/2009/01/02/an-event-apart-and-html-5/
http://adactio.com/journal/1540

http://www.flickr.com/search/?ss=2&w=all&q=snowman+london&m=tags
http://de.wikipedia.org/wiki/HTML5
http://dev.w3.org/html5/spec/Overview.html
http://www.youtube.com/watch?v=xIxDJof7xxQ
http://de.wikipedia.org/wiki/Diamond_Age

http://apiwiki.twitter.com
http://www.flickr.com/services/api/
http://api.blip.fm/

http://www.destroytoday.com/
http://www.destroytoday.com/projects/destroytwitter

http://www.apple.com/mobileme/
https://www.mesh.com/Welcome/howto/setup.aspx
http://developer.apple.com/iPhone/program/
http://www.adobe.com/de/flashplatform/

15.06.2007

Unterschiede zwischen HTML4 und HTML5

Zur Zeit ist wieder Bewegung in die Diskussion gekommen, wie die Zukunft von HTML aussehen wird. Auf der einen Seite gibt es von der WhatWG einen Vorschlag zu HTML5 als sinnvolle Erweiterung von HTML4. Auf der anderen Seite wird an XHTML2 gearbeitet.

Anne van Kesteren hat jetzt fürs W3C einen Draft zu den Unterschieden zwischen HTML4 und HTML5checkout/html5/html4-differences/Overview.html veröffentlicht. Sehr lesenswert. Spannende Zeiten für Web Designer.

← Previous  1 2