Archive for the ‘ HTML 5 ’ Category

„ProtoFluid“ – HTML5- und CSS3-Layout-Tests für Web Apps

ProtoFluid stellt geeignete Werkzeuge online zur Verfügung, um eine bereits verfügbare Web App oder Internetseite für verschiedene Devices mit verschiedenen Bildschirmauflösungen und Orientierungen online zu testen. Hierfür stellt es die Web App in einer ausbruchssicheren Lightbox dar.

Die ebenso einfache wie simple Lösung bringt einige Vorteile mit sich, da mit einer einzigen Anwendung mehrere Szenarien durchgespielt werden können. Neben Unterstützung von iPad und iPhone werden auch das Google Nexus One und das Motorola Droid mit ihren jeweils unterschiedlichen Auflösungen angeboten. Die Anwendung kann die Web App sowohl horizontal als auch vertikal darstellen.

Der Vorteil von ProtoFluid liegt neben seiner Vielseitigkeit ganz klar auf der Tatsache, dass sämtliche Browserentwicklungstools noch funktionieren (FireBug zum Beispiel). Darüber hinaus werden die CSS3 Media Queries eindrucksvoll unterstützt, was diesen Dienst erst möglich macht.

Alles in allem ist ProtoFluid ein nettes Gadget, das die entsprechende Hardware für Testzwecke zwar noch nicht ganz ersetzen kann, aber auf dem besten Weg dahin ist.

(von Guido Mühlwitz via t3n)

 

HTML5 Essentials

Introduction to HTML 5

Are you interested in HTML 5 and what’s coming down the pipeline but haven’t had time to read any articles yet? I’ve put together an educational “Introduction to HTML 5″ video that goes over many of the major aspects of this new standard, including:

* Web vector graphics with the Canvas tag and Scalable Vector Graphics (SVG)
* The Geolocation API
* HTML 5 Video
* The HTML 5 Database and Application Cache
* Web workers

The video is chock full of demos and sample source code.

(Note to moderators: HTML 5 is a public open web standard. I’m helping to educate web developers and raise awareness of this open web standard).