Convertir la sortie du site Web à usage mobile?

Question

Quelle est la meilleure façon de rendre un site Web existant adapté aux appareils mobiles (netbooks, téléphones mobiles basés sur Android, iPhone, BlackBerry, etc.)?

Answer 1

Le rendre flexible.

Vous pouvez détecter différentes largeurs de périphérique avec les requêtes multimédias CSS: http://www.w3.org/tr/css3-mediaqueries/#device-width

Explication moins normative: http://mislav.uniqpath.com/2010/04/targeted-css/

Excellent article de blog: http://webdesignerwall.com/general/the-wall-is-redesigned

La Modèle de boîte flexible CSS3 Peut également être votre meilleur ami.

Answer 2

Sans aller jusqu'à la mise en œuvre d'un cadre mobile, je suggère de prendre avant CSS Media Queries Ce qui vous permettra de servir différents CSS en fonction de la Wdith du dispositif de navigation.

Un bon début serait de regarder le Moins de travail ce qui a pris tout le travail acharné sur les calculs de la grille.

Answer 3

Twitter bootstrap Vous donnera également de belles fonctionnalités réactives prêtes à l'emploi, ce qui signifie que la présentation du site s'ajustera en fonction du type d'appareil et de la taille de son écran.

Et je recommanderais de vérifier ceci livre.

Answer 4

À jour, de nombreux outils disponibles, mais comment garder une bonne expérience utilisateur est le plus important.