CSS3 & HTML5

Einstieg in die neuen Webstandards

Linksammlung: HTML5 Games

Von veröffentlicht am Uhr

Kurz und Knapp: Ein paar Links zum Thema HTML5 Games

Mein Fazit: Ich glaube, da kommt was auf uns zu! Schon lange reicht es nicht mehr aus, nur für Windows zu entwickeln. Doch inzwischen reicht es nicht mal mehr aus, auch für Mac und Linux Distributionen zu entwickeln. Es gibt Tablets und Smartphones mit verschiedenen Betriebssystemen, mittlerweile sogar Spielekonsolen und Fernseher, auf denen Programme laufen und die einen Webbrowser zur Verfügung haben, und dann auch noch facebook, in dessen Umfeld webbasierte Programme laufen.
Die Flut an Plattformen, die es heute zu bedienen gilt, bringt Unternehmen dazu, cross-Plattform-Lösungen zu suchen. Dank Apples Flash-Boykott kommt Flash dafür nicht mehr in Frage. Und so landen sie bei HTML5.
Dadurch dass sie nun vollwertige Spiele aus HTML5 bauen, reizen sie den Standard aus, werden an dessen Grenzen stoßen und Schwachstellen entdecken. Da HTML5 aber ein living Standard ist, der fortlaufend weiterentwickelt wird, brauchen Sie diese Schwachstellen nur in der WHATWG Mailingliste anzusprechen, um eine Lösung zu finden.
Nagut, so einfach ist es nicht. Es dauert natürlich, bis eine passende Lösung gefunden und dann auch tatsächlich in die Browser implementiert wird und man mit ihnen arbeiten kann. Aber sie helfen HTML5, sich schneller und stärker weiterzuentwickeln.
Dieser Prozess stellt meiner Meinung nach den Anfang einer Entwicklung dar, an dessen Ende vollwertige webbasierte Programme stehen, mit denen wir alltäglich arbeiten werden. Es kann also nur von Vorteil sein, sich schon früh mit HTML5 zu beschäftigen.

HTML5 hat jetzt ein offizielles Logo

Von veröffentlicht am Uhr

HTML5 LogoDas W3C hat ein offizielles Logo für HTML5 vorgestellt, eine “eindrucksvolle visuelle Identität für die offene Web Plattform”, wie sie in der Verkündung schreiben. Das Logo ist für alle, die Teile von HTML5 in ihre Seite integriert haben, und für alle, die der Welt von HTML5, CSS, SVG, WOFF und anderen Technologien, die in modernen Web applications verwendet werden, erzählen wollen. Ja, ganz richtig gelesen: HTML5, CSS, SVG, WOFF und andere Technologien! Die W3C macht damit das offiziell, was ohnehin schon weit verbreitet war: Einfach alles, was toll, neu und Webstandard ist, als “HTML5″ zu vermarkten! Wie ich in einem Video schon mal angemerkt habe, finde ich das gar nicht so schlimm (für die Begründung, verweise ich mal zu Peter Kröner). Doch natürlich gibt es viele Gegenstimmen, eine der prominenteren kommt von Bruce Lawson, der heute twitterte, dass er enttäuscht sei, dass CSS3 Teil der HTML5-Marke sei.
Das Logo ist unter einer “Creative Commons 3.0 By”-Lizenz lizensiert. Es gibt FAQ und eine offizielle Logo-Seite, wo alle weitere Informationen stehen.
Update: Am , also drei Tage nach der Veröffentlichung des Logos, hat das W3C die Bedeutung des Logos verändert und die FAQ aktualisiert. Das Logo repräsentiert “HTML5, den Grundstein moderner Web-Applikationen”. Für die ergänzenden Technologien sind die class icons da.

Wendung im Codeckrieg: Google wirft H.264 aus Chrome

Von veröffentlicht am Uhr

Am Mittwoch hatte ich es schon auf Facebook gepostet: Google gab am Dienstag bekannt, dass es zukünftig den H.264-Videocodec aus Chrome entfernen wird und stattdessen nur noch Theora und VP8 (Video-Codec des WebM-Formats) unterstützen wird. Damit hat Google dem Industriestandard H.264 eine Abfuhr erteilt, angeblich zugunsten des offenen Webs, das unabhängig von Patenten und Lizenzgebühren funktionieren soll. Die Meldung versetzte das gesamte Internet in Aufruhr. Vorgestern veröffentlichte Google einen neuen Artikel, in dem es auf die Kritik und die Fragen einging. Alle Informationen zu dem Thema nach dem Klick. Weiterlesen »

Neue Workshop-Videos

Von veröffentlicht am Uhr

Über drei Stunden neue Workshop-Videos habe ich in den vergangenen sechs Tagen erstellt und zu YouTube hochgeladen. Damit ist der Workshop nun insgesamt vier Stunden und 20 Minuten lang (und trotzdem ist er noch nicht vollständig). Wie gehabt könnt ihr ihn unter “HTML5 Workshop” oben in der Navigation aufrufen. Im folgenden eine Übersicht über die neuen Videos: Weiterlesen »

Kurz & Knapp: Appendix C

Von veröffentlicht am Uhr

Was hat es mit dem “Modus” auf sich, mit dem sich XHTML-Seiten als HTML-Seiten ausgeben können? “Appendix C” ist der Zusatz in der XHTML 1.0-Spezifikation, der besagt, dass man XHTML 1.0-Dokumente mit dem text/html MIME-Typ senden darf. Das bedeutet, dass die Seite zwar eigentlich den XML-Regeln entspricht, sich aber für den Browser als HTML ausgibt. Dadurch verarbeiten auch Browser die Seite, die eigentlich nur HTML verarbeiten können. Wenn man die Seite als XML senden möchte, gibt es dafür den MIME-Typ application/xhtml+xml.
Dieser Modus wurde in XHTML 1.1 entfernt. Dort darf man seine Seite nicht mehr als HTML ausgeben, sondern nur noch als XML. Da aber gerade der am meisten genutzte Browser kein XML verarbeiten konnte, wurde XHTML 1.1 äußerst selten genutzt.

Mehr zu dem Thema bei der Entstehungsgeschichte von HTML5.

Weblinks & Quellen:

Die Entstehungsgeschichte von HTML5

Von veröffentlicht am Uhr

Wie kam es eigentlich zu HTML5? Und was hat die Entstehung von HTML5 mit XHTML2 zu tun?
Für alle, die sich für die Hintergründe des neuen Standards interessieren, ist dieser Artikel geeignet. Weiterlesen »

CSS3 Selectors erklärt

Von veröffentlicht am Uhr

CSS3 definiert auch neue Selektoren. Vielleicht weißt du gar nicht, was CSS Selektoren sind: Selektoren sind die Möglichkeit, HTML-Elemente mit CSS anzusprechen. Beispiel: div { color: red; } spricht alle div-Elemente an (und setzt in diesem Beispiel deren Schriftfarbe auf “rot”). Mit CSS3 kommen neue Attribut-Selektoren, verschiedene neue Pseudo-Klassen und weitere neue Selektoren hinzu. Weiterlesen »

Zwischenbericht

Von veröffentlicht am Uhr

Ein kurzer Zwischenbericht zum Stand der Seite und des HTML5 Workshops. Besonders eine Überraschung, die ich letzten Freitag hatte, wollte ich auf diesem Blog nicht unerwähnt lassen! ;)

Die Seite css3-html5.de ist nun endlich eingerichtet.
Der HTML5 Workshop wird fortgesetzt.
css3-html5.de ist in der com!
Die WHATWG wird HTML5 zukünftig unversioniert weiterentwickeln.
Microsoft hat zugunsten von HTML5 seine Strategie bei Silverlight geändert.
Apples Mobile Safari hat seine HTML5- und CSS3-Unterstützung ausgebaut. Weiterlesen »

Media Queries

Von veröffentlicht am Uhr

Media Types – die Möglichkeit, Stylesheets für bestimmte Ausgabemedien (screen, print, …) anzuwenden, – werden bereits flächendeckend eingesetzt. Mit CSS3 wird diese Möglichkeit dank der “Media queries” erweitert.
Statt bspw. einen Stylesheet nur für “screen” (Bildschirme) zu definieren, kann man nun Stylesheets für bestimmte Bildschirmbreiten bzw. Fensterbreiten anwenden, um die Darstellung der Webseite noch weiter zu optimieren. Weiterlesen »

CSS3 Web Fonts

Von veröffentlicht am Uhr

Mit der “@font-face” Regel bietet CSS3 die Möglichkeit, eigene Schriften in eine Webseite einzubinden.
In diesem Artikel erkläre ich, wie das funktioniert, und warum WOFF den Webfonts zum Durchbruch verhelfen könnten. Weiterlesen »