HTML5 Hoffnung oder Abgrund (die Webninjas Reihe)
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
Korrektur
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.
HTML5
<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>
Aktuelles zum neuen Webstandart
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.
Alles neu macht der Mai
Der Blog ist ein neuer, der Schreiberling ein alter, nämlich ich! (oh Wunder, oh Wunder)
Ich hab mich entschieden, dass mir mein Holz/“Kackbraun” Design nicht mehr gefällt, die Blogging-Aktivität im alten Blog auf 0 zurückgeschraubt und die letzten Monate damit verbracht mir ein Neues Design aus dem Kopf zu drücken. Das war mehr schwierig. Mir persönlich würden selbst jetzt grade wieder 5 Dinge einfallen, die ich ändern würde, aber ich lass es bleiben! Der Grund? Ganz klar: Man kann es auch übertreiben mit dem Perfektionismus.
Mit dem was ich hier habe kann ich aber zufrieden sein. Selbst meinem Chef gefällt das hier — sagt er zumindest
Aber mal genug geschwafelt und kommen wir zum Wesentlichen.
Die Bloggingsaison hat endlich für mich erneut begonnen.
Ich versuch einfach ab jetzt mal Regelmäßig Screencasts, Blogeinträge — und mal schauen was mir sonst noch so alles einfällt — rauszuknallen!
Beginnen wird dieser Blog mit 1 Kurz Screencast, der sich dem Erstellen einer animierten Navigation widmet, jedoch kein Flash dazu verwendet. Dieses wird in wenigen Tagen auf der Screencast Seite zu finden sein.
Der andere Teil meines ersten Blog Postings ist ein kleines Code Snippet, das mir vor ca. 1 Jahr sehr gut weitergeholfen hätte, das ich jedoch jetzt erst entdeckt habe.
Letztes Jahr um ca. diese Zeit habe ich an Teacher’s Media gearbeitet und hatte ein Problem mit einem Login Formular, man konnte sich zu diesem Zeitpunkt per AJAX in die Seite einloggen, jedoch musste dazu immer eine zusätzliche Variable benutzt werden um zu Kennzeichnen das es sich hierbei um einen AJAX Request handelte. Durch das Snippet wird eine der unzähligen Server Variablen ausgelesen und somit festgestellt das es sich um einen AJAX Request handelt.
if(isset($_SERVER['HTTP_X_REQUESTED_WITH'])){
// Mach es mit deinem Projekt
}