Samstag, Juli 24th, 2010
Die Zukunft hat viel mit uns Webdesignern vor: HTML5 und CSS3 sind Techniken denen ganz gewiss die Zukunft gehören wird. Aber ich persönlich finde ganz klar: CSS3 kann einfach zuviel.
Hier eine kurze Zusammenfassung, wie ich es gelernt habe:
CSS bietet in Version 3 in den Browsern der Webkit-Reihe und dem Firefox Browser die Möglichkeit Elemente zu animieren. Und hier tritt für mich das Problem auf: CSS dient der Darstellung und nicht zur Animation von Objekten im Browser.
Klar, es ist ein cooles Feature, aber für mich ein Schritt in die Falsche Richtung.
Klar, meckern kann ich viel aber kann ich auch Alternativen anbieten? Leider nur bedingt.
a) Animationen könnten Javascript überlassen werden.
b) Wir lassen Animationen raus.
Ok, ich gebs zu: Das Zweite Argument ist Crapshit. Aber ganz anfreunden kann ich mich irgendwie noch nicht das in Zukunft alles über CSS Dokumente laufen könnte.
Tags: css3, html5, Mecker, Problem
Posted in Webentwicklung, Webstandard | No Comments »
Freitag, Juni 11th, 2010
An dieser Stelle möchte ich an eine andere Website (von und mit mir) anknüpfen, die leider in Ihrer damaligen Form nicht mehr existiert.
Titel der Seite ist „webninjas.de“. Der Inhalt der Webninjas waren Texte zum Thema Webentwicklung und aktuelles aus der „virtuellen“ Szene.
Das Projekt ist derzeit eingestellt. Ganz einfach weil ich nicht genügend Texte zusammenbekomme habe, um meinen privaten Blog, als auch die Webninjas mit Leben zu füllen.
Der Alte Beitrag ist hier zu finden: http://www.webninjas.de/html5-hoffnung-oder-abgrund/
Wie geht es nun weiter in Sachen HTML5? Es ist seit dem Webninjas Beitrag sehr viel passiert, was auch beinahe alles erwähnenswert ist.
Aber zunächst einmal möchte ich einige Stellen meines alten Textes verbessern, weil sich meine Meinung dazu geändert hat oder ich eines besseren belehrt wurde.
- Markup (kann) wird “unsauber”
- macht das Lernen von “Webprogrammierung” (momentan) schwieriger
a) Das Markup kann, sollte man sich an alter HTML Syntax orientieren, „unsauber“ werden. D.h. die Website wird immer noch als valide angesehen, obwohl es Fehler in der Syntax gibt.
b) Die Aussage, das HTML5 das Lernen von HTML erschwert gilt nicht in allen Fällen. Wahrscheinlich ist es jetzt für Neueinsteiger einfacher HTML zu lernen, da bei HTML5 nun Tags enthalten sind, die ganz klar beschreiben, was sie machen: Ein “<footer>-Tag” gehört in Fußzeilen von Artikeln und Seiten. Das selbe gilt für das “<header>-Tag” nur das dies die Kopfzeile eines Artikels oder einer Seite ist.
Des weiteren schrieb ich in dem Artikel von vor einem knappen halben Jahr das
Das bedeutet aber nicht, dass es einfacher ist, im Gegenteil ich finde das Arbeiten mit dem baldigen Webstandard sehr schwierig und zeitaufwendig. Ich finde es sogar erheblich problematischer, als immer nur diese 3 Buchstaben d-i-v zu schreiben.
Auch diese Aussage ist nun wieder, aus meinen Augen heraus nun anders zu sehen. Klar, ich als fauler Mensch möchte mir nicht unnötig Arbeit machen und mehr Buchstaben schreiben, was aber in diesem Fall ganz klar gerechtfertigt ist, damit man am Ende ein Dokument besitzt, dass ganz klar Beschrieben ist. Aus meiner Sicht heraus, hat sich die Einstellung zum schreiben sowieso komplett geändert, da ich nun Zen Coding für einige Projekte benutze aber dazu später mal mehr.
Soviel zu meinen alten Aussagen.
Achja, der HTML5 Code der in der alten Version des Textes Fehlerhaft dargestellt wurde, ist jetzt hier nochmal in korrekter Form. Mit dabei, sein Gegenstück in XHTML.
<section id="news"> <article> <section class="news-entry"> <header> <h2>Titel</h2> <span>24. Dezember 2009</span> </header> <section class="entry"> <p> Weit hinten, hinter den Wortbergen, fließt ein langer Text. </p> </section> <footer>Tags: bli, bla, blo, blu</footer> <aside> <header> <h3>Titel</h3> </header> <section class="entry">aside infos</section> </aside> </section> </article> </section>
<div id="news"> <div class="aricle"> <div class="news-entry"> <div class="header"> <h2>Titel</h2> <span>24. Dezember 2009</spanY </div> <div class="entry"> <p> Weit hinten, hinter den Wortbergen, fließt ein langer Text. </p> </div> <div class="footer">Tags: bli, bla, blo, blu</div> </div> <div class="aside"> <div class="header"> <h3>Titel</h3> </div> <div class="entry">aside infos</div> </div> </div> </div>
Aktuell sieht die Lage im „Webdesign-Lager“ wie folgt aus:
HTML5 erfreut sich zunehmender Beliebtheit. Immer mehr Webdesigner nutzen es und auch Meiner einer wird sich in Zukunft mehr und mehr am neuen kommenden Webstandart orientieren, jedoch nur Privat, für Projekte und Aufträge wird weiterhin XHTML 1.0 Tranditional oder Strict genutzt.
Die beiden größten Schritte in Richtung HTML5 (und CSS3) kommen derzeit von Apple und Microsoft. Apple wegen seiner „Flash-ist-böse“-Politik und Microsoft wegen seiner neu entbrannten Browser Leidenschaft.
Durch die Fehlende Unterstützung von Flash auf dem iPad legt Apple wert auf <video>-Tag und Microsoft wiederum geht mit dem Internet Explorer 9 einen (für ihre Verhältnisse) riesigen Schritt in Richtung Web nach vorne. CSS3 und HTML5 Unterstützung die auch ohne Große Probleme Standartkonform funktioniert.
Ebenso schreitet der „Bau“ von HTML5 in den Reihen des W3C schnell voran. Die Aussagen werden immer klarer und konkreter. HTML5 ist zwar noch nicht fertig aber es macht sich bereits für die Startlöcher bereit. Und das sollten die Webdesigner ebenfalls tun. Natürlich alles im Sinne des semantischen Webs.
Tags: css3, html5, webninjas
Posted in Webentwicklung | No Comments »