Direkt zur Navigation springen Direkt zum Inhalt springen

RichardThiel.de

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

Posts Tagged ‘css3’

|

Der falsche Weg?

Samstag, Juli 24th, 2010

Die Zukunft hat viel mit uns Web­de­sign­ern vor: HTML5 und CSS3 sind Tech­niken denen ganz gewiss die Zukunft gehören wird. Aber ich per­sön­lich finde ganz klar: CSS3 kann ein­fach zuviel.

Hier eine kurze Zusam­men­fas­sung, wie ich es gel­ernt habe:

CSS bietet in Ver­sion 3 in den Browsern der Webkit-Reihe und dem Fire­fox Browser die Möglichkeit Ele­mente zu ani­mieren. Und hier tritt für mich das Prob­lem auf: CSS dient der Darstel­lung und nicht zur Ani­ma­tion von Objek­ten im Browser.

Klar, es ist ein cooles Fea­ture, aber für mich ein Schritt in die Falsche Rich­tung.
Klar, meck­ern kann ich viel aber kann ich auch Alter­na­tiven anbi­eten? Lei­der nur bed­ingt.
a) Ani­ma­tio­nen kön­nten Javascript überlassen wer­den.
b) Wir lassen Ani­ma­tio­nen raus.

Ok, ich gebs zu: Das Zweite Argu­ment ist Crap­shit. Aber ganz anfre­un­den kann ich mich irgend­wie noch nicht das in Zukunft alles über CSS Doku­mente laufen könnte.

Tags: , , ,
Posted in Webentwicklung, Webstandard | No Comments »

HTML5 Hoffnung oder Abgrund (die Webninjas Reihe)

Freitag, Juni 11th, 2010

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.

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.

Tags: , ,
Posted in Webentwicklung | No Comments »