iPad : au delà de l'esthétique

Par Benjamin David | 21 June 2010 | AppleiPhone, iPad & Mobile

Ce qui me chagrine avec l'iPad, c'est justement qu'il est beau, qu'il va réussir à établir une nouvelle plate-forme matérielle là où d'autres vont échouer. Ce qui me chagrine, c'est qu'Apple, qui donnait le pouvoir aux utilisateurs en 1977 avec l'Apple ][, qui continuait avec le Mac en 1984 en en faisant la machine des créatifs, cherche aujourd'hui avec l'iPad à enfermer ses clients pour les gaver de contenu numérique payant tout en prétendant détester les DRM.

Tristan Nitot au sujet de l'iPad

http://standblog.org/blog/post/2010/06/01/iPad-au-dela-de-l-esthetique

iPhone 4 vs iPhone 3GS

Par Benjamin David | 16 June 2010 | iPhone, iPad & Mobile

Cette comparaison réalisée par iPhon.fr permet de saisir les différences techniques entre l'iPhone 4 et l'iPhone 3GS.

http://www.iphon.fr/post/2010/06/16/Comparatif-iPhone-3-et-iPhone-3GS-:-infographie

Les applications iPhone 4 rempliront l'écran de l'iPad

Par Benjamin David | 16 June 2010 | iPhone, iPad & Mobile

It seems obvious in retrospect to consider that apps designed for iPhone 4 will nearly fill an iPad display. Conversely, iPad apps will nearly fit into the new phone's Retina display without modification.

http://www.appleinsider.com/articles/10/06/13/iphone_4_apps_will_fill_ipad_screen_get_vga_output.html

Créer une application iPad en HTML5 et la rendre très rapide

Par Benjamin David | 15 June 2010 | Création de sites InternetiPhone, iPad & MobileRessources Web

Thomas Fuchs à propos de l'application iPad HTML5 Timezone :

Notre premiere tentative fonctionnait parfaitement bien dans le simulateur de l'iPad. Mais  dès que nous avons pu tester sur nos vrais iPad, tout de devint lent. Nous avons alors travaillé à optimiser l'application pour la rendre plus fluide lors du déplacement de la barre de temps et avons presque doublé le nombre d'images par seconde rendu.

http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/

Détecter l'orientation de l'iPad en CSS

Par Benjamin David | 01 June 2010 | Création de sites InternetiPhone, iPad & Mobile

L'iPad peut se tenir en mode portrait et en mode paysage. Pour améliorer l'affichage de votre site internet dans chacun de ces modes ils vous suffit d'appeler vos fichiers css de la manière suivante :

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">

Nous avons appliqué cette méthode à l'annuaire que nous sommes en train de développer (à voir avec un iPad ou un iPhone) :

http://dukt.fr/igrenoble

http://dukt.fr/igrenoble

Sites Web pour iPad & CSS position fixed

Par Benjamin David | 31 May 2010 | Création de sites InternetDukt CompanyiPhone, iPad & MobileRessources Web

Nous sommes actuellement en train de faire des tests pour nous familiariser à la création de sites Internet optimisés pour iPad et nos premiers résultats ont été plutôt probants. Le challenge lorsque l'on optimise un site internet pour iPad est de lui donner un look and feel similaire à celui d'une application native. Malheureusement Safari mobile n'interprète pas la propriété CSS Fixed ce qui ne facilite pas le travail lors de la mise en place de barres de tabulation fixes ou de div scrollable.

Le script javascript iScroll pour mobile permet de résoudre ce problème et de retrouver des div scrollable. Nous en avons fait le test avec un simple petit annuaire que nous sommes en train de développer, vous pouvez en voir le résultat ici :

http://dukt.fr/igrenoble

Cet exemple utilise le script iScroll pour mobile et Google Maps v3, qui est optimisé pour l'affichage mobile. Vous aurez besoin d'un iPad ou d'un iPhone pour pouvoir tester la div scrollable.

http://dukt.fr/igrenoble

Éléments vectoriels pour iPad

Par Benjamin David | 24 May 2010 | DesigniPhone, iPad & Mobile

IconShock a rendu disponible un pack gratuit d'éléments vectoriels pour aider les designers à créer des maquettes pour l'iPad d'Apple, qui inclus boutons, tabulation, menus, clavier, etc...

http://iconlibrary.iconshock.com/icons/ipad-vector-gui-elements-tabs-buttons-menus-icons/

SproutCore Touch

Par Benjamin David | 19 May 2010 | iPhone, iPad & Mobile

SproutCore Touch is the first edition of SproutCore that includes complete support for touch events and hardware acceleration on the iPad and iPhone.

So in addition to supporting low-level browser features SproutCore also integrates touch into our high-level views. For example SC.ScrollView supports hardware optimized scrolling which some people said was impossible! We also have a bad-ass SC.MasterDetailView that automatically reconfigures your UI to show a sidebar in landscape mode and hides it under a picker in portrait mode.

Since all of our views provide touch support automatically, this means that you can actually use SproutCore Touch to build apps that run both on the iPad and desktop computers. In fact, we’ve found that usually its easier to build our apps for the iPad first and then desktop next - since things usually just work when you transition.

http://blog.sproutcore.com/post/531215199/introducing-sproutcore-touch

TouchScroll, a scrolling layer for WebKit mobile

Par Benjamin David | 19 May 2010 | iPhone, iPad & Mobile

Here it is: TouchScroll, our scrolling layer for WebKit Mobile. It is JavaScript/CSS 3 based and allows for fixed elements like headers and toolbars on web pages when viewed on the iPhone or on Android. It works on the iPad, too. Check out the demo (short URL: http://u.nu/8uvg8) to see it in action – it works in Desktop Safari (at least kind of) or WebKit Nightly (very good), but I recommend you have a look at it on your iPhone, iPad, or Android based device.

http://uxebu.com/blog/2010/04/27/touchscroll-a-scrolling-layer-for-webkit-mobile/