Menu
Begeek.fr
Obtenir l’application
Navigation : 
  • Tech
    • Apple
    • Google
    • Android
    • Facebook
  • Pop Culture
    • Netflix
  • Jeux Vidéo
    • PS5
    • Xbox Series X
    • Play To Earn
  • Fintech
    • Crypto-monnaies
    • Les meilleures cartes bancaire Bitcoin
    • Les meilleurs wallet crypto
    • Créer son RIG de minage
    • Cloud mining et stacking
En ce moment : 
  • Crypto : guide du débutant
  • Sorare : le guide
  • Meilleures exchanges Crypto

WWW2012 : Responsive WebDesign, par Goulven Champenois

Design > Adobe > HTML 5
Par David,  publié le 13 mai 2012 à 19h11, modifié le 29 octobre 2012 à 12h49.

Pourtant, le responsive design n'est pas encore vraiment au point en France.

Cet article fait partie d’un groupe d’articles liés à la conférence mondiale du web www2012 à laquelle nous avons assisté du 16 au 20 avril. Plus d’informations ici.


Le marché du mobile représente 32 000 000 personnes soit 17 000 To consultés en mobilité.

En effet, les sites préférent éditer des applications mobiles, mais ce n’est pas la solution, à cause du grand nombre de plateformes mobiles disponibles et donc du nombre de langages de programmation conséquent qui doivent être utilisés.

Le responsive design repose pour beaucoup sur le CSS3 et le HTML5 et surtout les Media Queries. Certains navigateurs ne gèrent pas encore les Media Queries, pour cela il existe respond.js pour les émuler.

Les menus et formulaires sont des points primordiaux mais souvent négligés dans les sites qui sont supposés être optimisés.

Il faut à tout prix éviter le scroll horizontal, mais aussi réduire la taille des images selon le device d’affichage.

Pour éviter de charger des images en background sur mobile, le display : none; doit être appliqué au parent.

Afin de créer un responsive design, il faut disposer d’au moins 3 appareils de test :

  • Un iPhone (avec Safari et Opera mini)
  • Un Android (récent et ancien)
  • Une tablette et/ou un PC

Un outil peut être utilisé pour valider votre code, il s’agit de W3C MobileOk Checker.

Nous vous invitons à regarder les slides utilisées lors de la présentation ici. Vous pourrez par ailleurs retrouver les différents outils et sources de la présentations par là.

En savoir plus
  • Les apps Google Workspace se refont une petite beauté
  • Le OnePlus 11 Concept fait la part belle au design, avec un joli jeu de lumières
  • Jony Ive a conçu le Nez Rouge parfait pour l’organisation caritative Comic Relief
Vous aimez nos contenus ?
Recevez chaque jour nos dernières publications gratuitement et directement dans votre boite mail
Recevoir la newsletter
  • Infos Légales
  • Contact
  • À propos
  • Données personnelles
  • Archives
  • Musique en ligne
© 2023 - Tous droits réservés sur les contenus du site Begeek.fr  - ADN Contents -