background preloader

Mobile Web

Facebook Twitter

AMP HTML

Détection des mobiles, un meilleur code PHP! - HTML & CSS - Azur Dev. Jeudi 25 Nov 2010 En cherchant comment détecter les téléphones portables et autres petits appareils pour faire des versions pour mobiles de mes sites web, je suis tombé plusieurs fois sur un code PHP vraiment très mauvais! Il y a même une entreprise spécialisée dans la création de sites mobiles qui m'a envoyé ce code à utiliser sur le site d'un client. J'ai donc utilisé cette base pour réécrire un code beaucoup plus propre et plus rapide!

Le code "incriminé" est visible sur Mobiforge. Pourquoi est-il mauvais? Parce qu'il est composé de 5 tests visant à détecter si l'agent utilisateur ($_SERVER['HTTP_USER_AGENT'] en PHP) est celui d'un navigateur pour mobile ou d'un navigateur standard. Même si PHP a déjà découvert qu'il a à faire à un mobile, il continue d'exécuter les autres tests! Dans le même style DetectMobileBrowsers propose un code très complet. Voilà mon code: Je met en premier le test simple, pour sortir avec le moins de traitement possible de la fonction.

Frameworks

WebApp. The Android Story. [INFOGRAPHIC] Vidéo : Test : l'humour de Siri sur l'iPhone 4S - nouvelobs.com. Android crée sa propre application Siri, baptisée Iris. L'iPhone 4S a été une déception pour certains mais une réussite pour les autres qui sont tombés rapidement amoureux de la nouvelle application Siri réservée exclusivement à l'iPhone 4S. Fidèle à sa réputation, Apple a créé un buzz autour de cette application. Bien que l'iPhone 4S fût au-dessous des attentes, Apple a su faire de son lancement un véritable succès et une machine à battre des records (4 millions d'exemplaires vendus en 3 jours), simplement par l'introduction de l’application Siri qui est en réalité un assistant personnel virtuel.

Face au succès de Siri, des développeurs ont pris le challenge de créer une application qui imite Siri au profit des utilisateurs d'Android. Après seulement huit heures de travail (!!!) Donc à la question "What's a fish ? " Plugin pp3Diso : moteur de jeu web pour l'affichage et la gestion d'une map 3D isométrique. Mobify—The Leading Mobile Web Platform for E-commerce & Publishing. » Mobile META Tags Learn the Mobile Web. Mobile META tags can be used in XHTML-MP and HTML markup to tag the document as optimized for mobile devices. Mobile search engines, mobile browsers and even desktop web browsers look for mobile META tags to identify and render mobile-optimized markup. Mainstream mobile web content is identified using the markup document’s DOCTYPE or document type declaration.

If the DOCTYPE declares the document as XHTML-MP or WML, then by definition, the content is mobile-optimized. Today’s advanced mobile devices and smartphones are capable of rendering HTML 4 and 5 markup (some with JavaScript and AJAX, too). Still, many mobile web developers prefer to deliver a mobile-optimized web experience to these devices. A lightweight and responsive full-HTML mobile web experience provides the best user experience across a mobile network and on the smartphone browser. Mobile META tags can be incorporated into mobile-optimized HTML documents to identify the document as “made for mobile”. The Viewport META Tag.