Beiträge tagged mit css3

Alle Beiträge

Somafm-Simulator

Der Simulator für die “somafm Webapp” ist jetzt endlich fertig.

Wer Lust auf ausgefallenere (gute) Musik hat, kann jetzt auch im Browser die Radiosender von somafm streamen.

SomaFM ist ein nicht kommerzieller, werbefreier Internetsender mit 20 Radiostationen zu verschiedenen Musikrichtungen, die von elektronischer Musik bis Indie-Rock reichen.

hier klicken und chillen … 

Die Webapp wurde ursprünglich mit jQuery mobile, exklusiv für das iPhone entwickelt. Mit dem Simulator und ein paar Hilfsbibliotheken wie MediaElement.js sollte die App aber auch auf anderen Browsern einigermaßen Funktionieren. Leider ist HTML5 Audio immer noch nicht wirklich browserübergreifend ausgereift, vor allem wenn einem nur mp3 Streams zur Verfügung stehen. Aber mit kleinen Helfern wie MediaElement.js kann man auch heute schon Spaß damit haben.

Viel Spaß beim reinhören

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.

 

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 …

Trying to fix someone else's CSS

devopsreactions:

image

by Maciej