Beiträge tagged mit html5

Alle Beiträge

Safari auf iOS7 - HTML5 - Probleme, Änderungen, neue API

Mit iOS 7 hat die iOS Plattform auch einen neuen Safari bekommen.

Sehr zum Leidwesen von Web-Entwicklern ist dieser allerdings noch nicht wirklich eine Verbesserung zum Vorgänger, sondern bringt gleich eine Handvoll neuer Probleme mit sich.

So lassen sich z.B. in WebApps derzeit  keine JavaScript Alerts bzw Confirms mehr benutzen. Auch die Änderung der Screengröße durch das geänderte Verhalten der Statusbar bringt diverse Probleme mit sich.

Eine sehr gute Auflistung aller neuen Features, Probleme etc.  gibt es von Guru Maximilliano Firtman. Webentwickler sollten seinen Blogpost zum Thema einmal lesen, um zu Wissen was sie alles erwartet und ärgern wird.

Mozillas FirefoxOS auf dem PC testen

Neugierige können ab sofort Mozillas Open Source Mobil-Betriebssystem FirefoxOS einfach auf dem Windows, Mac oder Linux PC testen. 

Dazu wird in einem aktuellen Firefox-Browser einfach die FirefoxOS Simulator Extension installiert. Alternativ dazu kann man auch die Standalone-Variante FirefoxOS Simulator Alpha installieren.

Die Browser-Extension lässt sich nach der Installation über &ldquoWeb Developer&rdquo -> &ldquoFirefox OS Simulator&rdquo starten.

Nach dem Start bootet Firerfox OS in den typischen Lock Screen. von wo aus man das neue Mobile Betriebssystem testen kann.

 

Erster Eindruck:

Die Bedienung gleicht Bekanntem aus iOS und Android. Die Anwendungen basieren jedoch ausschließlich auf HTML5, sind also eigentlich Webapps . Zumindest im Simulator merkt man davon aber nichts. Die Anwendungen starten schnell und lassen sich flüssig bedienen.

Bleibt abzuwarten, ob das OS auf wirklicher Hardware genauso gut performed.  Erste Tests mit dem neuen Mobil-Betriebssystem machen jedenfalls Spaß.

Performante CSS- Transistions & Animationen

Animationen, die mit reinen JavaScript oder Helfern wie jQuery.Animate() erstellt werden, kranken auf mobilen Geräten leider immer noch an erheblicher Performanceschwäche. Um eine ordentlich und flüssige Animation auf mobilen Endgeräten zu gewährleisten, führt eigentlich kein Weg an CSS-Transistions vorbei.  

Hilfreich kann hierbei Effeckt.css sein. Dabei handelt es sich um eine Sammlung von CSS- Hooks bestehend aus CSS-Transistions und Keyframe-Animationen. Die Sammlung bietet derzeit Snippets für  

  • modale Dialoge
  • Buttons
  • Off-Screen Navigationen 
  • Page-Transitions. 

Wer  seine mobile Website etwas aufpeppen möchte, sollte mal einen Blick auf Effeckt.css werfen. Dort ist bestimmt das ein oder andere hilfreiche Snippet dabei.  Effeckt.css ist via github erhältlich.

JavaScript Codeflow Tool

Rik Arends hat ein geniales Debugging Tool für JavaScript-Programmierer entwickelt.

TraceGL ist, wie der Entwickler sein Tool selber bezeichnet, ein &ldquoOszilloskop für Code&rdquo. Das Tool geht dabei weit über die bisherigen in die Browser eingebauten Entwicklerwerkzeuge von Chrome und Firebug hinaus. TraceGL setzt  als Technik auf WebGL und node.js und ermöglicht es den Code-Fluss in Echtzeit zu durchleuchten und visualisieren.

Das Tool kostet 12,00 € und ist direkt auf der Homepage des Entwickler zu beziehen. Wer schon immer mal etwas genauer wissen wollte was der Browser gerade macht, sollte mal einen Blick auf das Tool werfen. 

Um sich ein Bild über die Funktionen des Tools zu machen schaut man sich am Besten folgendes Video an. 

 

Präsenstationstools mit HTML5 und CSS3

Fernab von &ldquolangweiligen&rdquo Präsentationen die mit  Powerpoint bzw. Keynote erstellt wurden, lassen sich mittlerweile auch mit etwas HTML und CSS ansprechende Präsentationen gestalten, die durchaus beeindrucken können.

Derzeit sind zwei solcher Präsentations-Frameworks in aller Munde. 

reveal.js und impress.js 

Wer Spaß an HTML hat und mal eine etwas andere Präsentation machen will, sollte sich die beiden Frameworks unbedingt einmal anschauen.

Beide Frameworks sind im Quelltext bei github erhältich. Hier geht&rsquos zu impress.js bzw. reveal.js.

Viel Spaß beim Ausprobieren. Langweilige Präsentationen waren gestern -)

Feed abonieren


Blog Tags


Tag Cloud


Blog Hosting

tumblr logo