mobile

20 thing I learned about HTML5 and Mobile Web

Google and Apple are competing about who is showing off the best HTML5 stuff. Now it's the Google's turn.

"20 Things I Learned About Browsers and The Web" it's a Whoa! Effect book entirely made with HTML5 technology. You don't need an app for that.
The features implemented in the ebook are very cool: flip effect page transition, night mode (background only), page previews, but there are still some issues with HTML5 to point out:

  • Mobile and Touch browsers are not considered the same
  • Webkit Mobile and Desktop are different beasts
  • CSS3 animations without GPU hardware acceleration are so laggy

HTML5 Mobile Apps Offline su Android + VIDEO

In aggiunta alle slide "HTML5 Mobile Apps Offline" per il Linux Day di Torino, ho realizzato un video per mostrarvi un'applicazione d'esempio che usa alcune tecnologie HTML5 in ambito mobile web.

Flash | HTML5 Theora

Firefox Mobile Beta for Android (ex Fennec)

The first Firefox Mobile release for Android is here! It was previously know as Fennec and it is currently in beta stage.
Is it a real alternative to Safari/Webkit or Opera Mobile? Let's see.

Features

If you try to load html5test.com You will see an impressive score 217, more than the Firefox Desktop which gets 204. There's the support for the WebM and OGG codecs, there is the LocalStorage, Geolocalization.. and other HTML5 stuff, unfortunatly if you try some real world examples It doesn't support that features really.

The font isn't smooth as in webkit and if the page is too long you'll see some gray areas.

Anyway there is the native support to the webfonts and it is powerful enought to run the Fabook site with the Desktop version.

User Interface

It is very powerful and clean, swiping right you can manage the tabs opened and swiping left you get the bookmark star and the settings.
Anyway a big interface limitation is that the "swipe event" inside the websites, like the HTML5Rocks slides, can't be supported.

 

Come disegnare un'interfaccia mobile su Android

Se state progettando un'interfaccia mobile, per Android o una webapp vi consiglio queste slide.

Viene analizzata l'interfaccia di Twitter per android e vengono ricordate alcune Best Practices per utilizzare al meglio lo spazio negli schermi piccoli.
Tanto per vedere se c'é qualcuno in ascolto.. Quali sono i siti mobili che utilizzate più spesso o vi piacciono di più?

Esperimenti con HTML5: gli Esempi di Google, Best Practices e Mobile

Uno dei temi sempre più ricorrenti è l'HTML5: è open, standard, multipiattaforma ed supportato a modo suo da diversi Big del settore tra cui Google, Apple,.. e addirittura Microsoft con Internet Explorer 9!


Un mio layout senza immagini con Webfont e gradienti CSS3

Quindi la soluzione di tutti i mali? Più o meno, ci sono ancora alcune questioni in sospeso, alcune limitazioni che verranno risolte de facto, altre che non si risolveranno e altre ancora che si ricorrerà ad hack.

HTML5 e HTML5 & Family

Come già chiarito qualche post fa, quando si parla di HTML5 quasi nessuno intende puramente solo la specifica HTML5, ma per semplificazione ci si mette dentro anche CSS3 e altre tecnologie standard che sono alle porte. Ad ogni modo è consigliato, prima di usare qualche funzionalità di HTML5, verificare che sia effettivamente implementata o che ci sia un modo decente per fare fallback a browser più "limitati" come Internet Explorer 6, 7, 8 e Opera Mini.

Mashable and the Press Apps. There's an URL for that..

We are used by the iPhone marketing that "There's an app for that", but are all the app useful and what are the advantages to use an app over a plain "old", standard, multiplatform HTML5 website? Here's the new Mashable App for Android.

Now some disadvantages you'll get with a this kind of application (on the right):

  • You can't zoom in or out the font
  • You can't select the text
  • You can't see embedded YouTube videos!
  • ...
  • You'll have to update this app
  • You'll have to maintain different apps for different platforms (android, iphone, blackberry, nokia, webos, bada, windows phone 7,..)
  • The '&' symbol is not escaped correctly

Can somebody explain me why this apps exists? 

An hidden Android 2.2 feature: limited WYSIWYG support in the browser

Mobile computing and blogging is getting more and more important but the modern touchscreen devices don't support fully the "hover event" so this is one the biggest problem you could occur on Android, iPhone and iPad.

Just to be more explicit, You can't edit the documents in web apps like Google Docs (Mozilla Fennec is an exception).

Here's a test on some WYSIWYG and WYSIWYM text boxes with Webkit 3.1 (Android 2.2 version)

As you could notice you have to hold the menu button to access to the soft keyboard and the blinking cursor is not visible.. but it works!
If you need to apply styles like bold, italic,.. to your text is better to use a wysiwym editor.

I tested it on FCKeditor, TinyMCE, on CKeditor and Google Docs this trick doesn't work because there is a check if the browser is supported.

 

HTC Desire e Android 2.1update1 - Recensione e potenzialità

Dopo averlo testato intensamente e approfonditamente ecco le mie prime impressioni e consigli su come usare questo smartphone al meglio.

(Il meteo funziona bene, ma non fidatevi troppo dei dati che arrivano :D )

Avviso

Visto l'hardware è inevitabile la comparazione con l'iPhone 3GS e un comune browser per pc, ma bisogna sempre tener presente che l'HTC Desire ha una risoluzione maggiore e il target di riferimento del dispositivo. Qui la flessibilità non è considerata peccato, un esempio su tutti il multitasking (gioia e dolore), che vedremo più avanti in dettaglio.

Specifiche

Analoghe al Google Nexus One, con un trackpad ottico al posto della trackball e un po' più di RAM. 

Opera Mini sfida Safari e l' iPhone

Opera mini su iPhone non avrà il multouch, ma si difende molto bene.

Un video che compara Opera vs Safari sul sito del New York Times, e nel tempo che l'iPhone carica una pagina Opera ne carica 4.

Ce la farà l'azienda norvegese a farsi approvare l'applicazione sull'AppStore?
Con una mossa di marketing originale, Opera mette in palio un iPhone a chi si avvicina di più all'ora esatta di quando il suo browser sarà approvato sull'AppStore.
Buona fortuna.

UPDATE: Opera è stato approvato su AppStore.