Add to home screen - Version 3

Add to homescreen das beliebte JavaScript Widget, um Webapps auf den Homescreen zu platzieren, wurde in der Version 3 veröffentlicht.

Neuerungen:

  • kompatibel mit mobile Chrome Browser
  • Nachricht unabhängig von Bildschirmauflösung
  • Trackingmöglichkeit

Matteo Spinelli der Entwickler des Scripts ist vor allem durch die iscroll Komponente bekannt, aber auch “add to homescreen” findet sich auf zahlreichen Webapps wieder, um den Benutzer darauf hinzuweisen die App auf dem Homescreen zu speichern. 

Besten Dank nochmals an Matt für die großartigen Scripte.

Skeptiker die das Ganze für “sinnlos” halten können sich derweil über folgendes Bild von xkdc  amüsieren ;-)

Website responsive Redesign

Die bb-applications Website wurde die letzten Tage redesigned. Das neue Layout ist jetzt responsive und somit auch auf allen Smartphones und Tablets darstellbar.  


Beim Responsive Webdesign (im Deutschen auch responsives Webdesign) handelt es sich um einen gestalterischen und technischen Ansatz zur Erstellung von Websites, so dass diese Websites auf Eigenschaften des jeweils benutzten Endgeräts reagieren können. Der grafische Aufbau einer „responsiven“ Webseite erfolgt anhand der Anforderungen des jeweiligen Gerätes, mit dem die Seite betrachtet wird. Dies betrifft insbesondere die Anordnung und Darstellung einzelner Elemente, wie beispielsweise Navigationen, Seitenspalten und Texte. Technische Basis hierfür sind neuere Webstandards wie HTML5, CSS3 und JavaScript. (Quelle: wikipedia)

Viel Spaß beim Stöbern und lesen des Blogs.

 

Monkey-Testing mit gremlins.js

Gremlins.js ist ein geniales Werkzeug um HTML-Oberflächen und Apps einem “Monkey-Test” zu unterziehen. Die JavaScript-Bibliothek läuft im Browser oder Node.js. Einmal installiert erzeugt das Tool wahllos Click-Events bzw. Eingaben in Formularfeldern.

Die Installation gestaltet sich recht einfach (siehe github readme)

<script src="path/to/gremlins.min.js"></script>
<script>
gremlins.createHorde().unleash();
</script> 

Eine Horde Gremlins auf der Website …

 Auf jeden Fall eine sehr interessante und unterhaltsame Art, seine Apps bzw. Webseiten einmal von einem “automatisierten Deppen” testen zu lassen ;-)

Spy.js JavaScript tracing einfach gemacht

JetBrains haben in den neuesten Versionen ihrer Entwickler-Tools (IntelliJ, WebStorm, PHPStorm etc.)  jetzt Spy.js eingebaut.

Spy.js hilft in erster Linie bei der Performance-Optimierung von JavaScript. DOM-Events lassen sich damit einfach und schnell nachvollziehen.

Spy.js benötig Node.js, welches als Proxy-Server dient. Das Tool ist hervorragend in die JetBrains Produkte integriert und einfach zu konfigurieren.

Spy.js lässt sich aber auch ohne die schicken Produkte von JetBrains benutzen und bietet eine Standalone Web-UI.   JavaScript-Tracing, Profiling und Debugging funktioniert mittels Spy.js mit allen Browsern, Geräten und Palttfomen.

Ein kurzes Video (WebStrom 8 - Integration) veranschaulicht die Funktionalität.

Anschauen lohnt sich. Wieder mal ein geniales Tool, das JavaScript-Entwicklung noch spassiger macht.

 

Schmerzbekämpfung von Android HTML5

Phongap ist eine feine Sache. HTML5 auch. Das Entwickeln geht schnell von der Hand und macht Spaß - zumindest solange man sich nur auf der iOS Plattform bewegt. 

Wird eine Portierung nach Android gefragt, ist es mit der Begeisterung dann schnell vorbei.

Irgendwie scheint jedes Android-Gerät seine WebView anders zu implemtieren. Geräte-Hersteller vermurksen durch „tolle“ Features das Betriebssystem und gerne mal die WebView. Da wird munter ein eigener Layer über Eingabefelder gepinselt, die Browser-Kompmente versteht plötzlich einfachste Tags nicht mehr und das CSS wird mal anders und manchmal gleich gar nicht verstanden.

Neuere Android-Version beheben dann die Probleme von älteren und schaffen gleich wieder doppelt soviel neue. Kurzum. HTML5 und Android macht nicht wirklich Spaß.

Unter dem schönen Titel „The Pains and Remedies of Android HTML5“ hat sich zum Glück einmal jemand die Mühe gemacht einige der gemeinsten Ärgernisse zu sammeln und bietet zum ein oder anderen Problem auch gleich die Lösung. 

Der Blog blog.guya.net befasst sich ansonsten mit generellen Themen zu HTML5 und Mobile Entwicklung. Spannende Literatur für Leidgeplagte …