Direkt zur Navigation springen Direkt zum Inhalt springen

RichardThiel.de

Webdesigner aus Leidenschaft, Blogger & Mensch – alles in einer Person!

11 Jun

HTML5 Hoffnung oder Abgrund (die Webninjas Reihe)

An dieser Stelle möchte ich an eine andere Web­site (von und mit mir) anknüpfen, die lei­der in Ihrer dama­li­gen Form nicht mehr existiert.
Titel der Seite ist „webninjas.de“. Der Inhalt der Web­n­in­jas waren Texte zum Thema Weben­twick­lung und aktuelles aus der „virtuellen“ Szene.

Das Pro­jekt ist derzeit eingestellt. Ganz ein­fach weil ich nicht genü­gend Texte zusam­men­bekomme habe, um meinen pri­vaten Blog, als auch die Web­n­in­jas 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 Web­n­in­jas Beitrag sehr viel passiert, was auch beinahe alles erwäh­nenswert ist.
Aber zunächst ein­mal möchte ich einige Stellen meines alten Textes verbessern, weil sich meine Mei­n­ung dazu geän­dert hat oder ich eines besseren belehrt wurde.

  • Markup (kann) wird “unsauber”
  • macht das Ler­nen von “Webpro­gram­mierung” (momen­tan) schwieriger

Kor­rek­tur

a) Das Markup kann, sollte man sich an alter HTML Syn­tax ori­en­tieren, „unsauber“ wer­den. D.h. die Web­site wird immer noch als valide ange­se­hen, obwohl es Fehler in der Syn­tax gibt.
b) Die Aus­sage, das HTML5 das Ler­nen von HTML erschw­ert gilt nicht in allen Fällen. Wahrschein­lich ist es jetzt für Neue­in­steiger ein­facher HTML zu ler­nen, da bei HTML5 nun Tags enthal­ten 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 weit­eren schrieb ich in dem Artikel von vor einem knap­pen hal­ben Jahr das

Das bedeutet aber nicht, dass es ein­facher ist, im Gegen­teil ich finde das Arbeiten mit dem baldigen Web­stan­dard sehr schwierig und zeitaufwendig. Ich finde es sogar erhe­blich prob­lema­tis­cher, als immer nur diese 3 Buch­staben d-i-v zu schreiben.

Auch diese Aus­sage ist nun wieder, aus meinen Augen her­aus nun anders zu sehen. Klar, ich als fauler Men­sch möchte mir nicht unnötig Arbeit machen und mehr Buch­staben schreiben, was aber in diesem Fall ganz klar gerecht­fer­tigt ist, damit man am Ende ein Doku­ment besitzt, dass ganz klar Beschrieben ist. Aus meiner Sicht her­aus, hat sich die Ein­stel­lung zum schreiben sowieso kom­plett geän­dert, da ich nun Zen Cod­ing für einige Pro­jekte benutze aber dazu später mal mehr.

Soviel zu meinen alten Aussagen.

Achja, der HTML5 Code der in der alten Ver­sion des Textes Fehler­haft dargestellt wurde, ist jetzt hier nochmal in kor­rek­ter Form. Mit dabei, sein Gegen­stü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 Web­de­signer nutzen es und auch Meiner einer wird sich in Zukunft mehr und mehr am neuen kom­menden Web­stan­dart ori­en­tieren, jedoch nur Pri­vat, für Pro­jekte und Aufträge wird weit­er­hin XHTML 1.0 Tran­di­tional oder Strict genutzt.

Die bei­den größten Schritte in Rich­tung HTML5 (und CSS3) kom­men derzeit von Apple und Microsoft. Apple wegen seiner „Flash-ist-böse“-Politik und Microsoft wegen seiner neu ent­bran­nten Browser Leidenschaft.

Durch die Fehlende Unter­stützung von Flash auf dem iPad legt Apple wert auf <video>-Tag und Microsoft wiederum geht mit dem Inter­net Explorer 9 einen (für ihre Ver­hält­nisse) riesi­gen Schritt in Rich­tung Web nach vorne. CSS3 und HTML5 Unter­stützung die auch ohne Große Prob­leme Stan­dartkon­form funktioniert.

Ebenso schre­itet der „Bau“ von HTML5 in den Rei­hen des W3C schnell voran. Die Aus­sagen wer­den immer klarer und konkreter. HTML5 ist zwar noch nicht fer­tig aber es macht sich bere­its für die Startlöcher bereit. Und das soll­ten die Web­de­signer eben­falls tun. Natür­lich alles im Sinne des seman­tis­chen Webs.

31 Mai

Alles neu macht der Mai

Kategorie: Allgemein – Tags: ,
Kommentare nur ein Kommentar

Der Blog ist ein neuer, der Schreiber­ling ein alter, näm­lich ich! (oh Wun­der, oh Wun­der)
Ich hab mich entsch­ieden, dass mir mein Holz/“Kackbraun” Design nicht mehr gefällt, die Blogging-Aktivität im alten Blog auf 0 zurück­geschraubt und die let­zten Monate damit ver­bracht mir ein Neues Design aus dem Kopf zu drücken. Das war mehr schwierig. Mir per­sön­lich wür­den selbst jetzt grade wieder 5 Dinge ein­fallen, 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 zumin­d­est ;)

Aber mal genug geschwafelt und kom­men wir zum Wesentlichen.

Die Blog­ging­sai­son hat endlich für mich erneut begonnen.
Ich ver­such ein­fach ab jetzt mal Regelmäßig Screen­casts, Blo­gein­träge — und mal schauen was mir sonst noch so alles ein­fällt — rauszuknallen!

Begin­nen wird dieser Blog mit 1 Kurz Screen­cast, der sich dem Erstellen einer ani­mierten Nav­i­ga­tion wid­met, jedoch kein Flash dazu ver­wen­det. Dieses wird in weni­gen Tagen auf der Screen­cast Seite zu finden sein.

Der andere Teil meines ersten Blog Post­ings ist ein kleines Code Snip­pet, das mir vor ca. 1 Jahr sehr gut weit­erge­holfen hätte, das ich jedoch jetzt erst ent­deckt habe.
Let­ztes Jahr um ca. diese Zeit habe ich an Teacher’s Media gear­beitet und hatte ein Prob­lem mit einem Login For­mu­lar, man kon­nte sich zu diesem Zeit­punkt per AJAX in die Seite ein­loggen, jedoch musste dazu immer eine zusät­zliche Vari­able benutzt wer­den um zu Kennze­ich­nen das es sich hier­bei um einen AJAX Request han­delte. Durch das Snip­pet wird eine der unzäh­li­gen Server Vari­ablen aus­ge­le­sen und somit fest­gestellt das es sich um einen AJAX Request handelt.

if(isset($_SERVER['HTTP_X_REQUESTED_WITH'])){
 // Mach es mit deinem Projekt
}
« Previous Page