Aujourd'hui il est indispensable d'avoir un site web accessible sur chaque type d'écrans = un site responsive,

pour s'assurer d'une expérience utilisateur la plus optimale possible.

Alors comment s'assurer d'avoir un site responsive ?

Découvrez l'outil en ligne Mobile First

L'extension Mobile First va vous permettre de visualiser, tester et vérifier la compatibilité de votre site sur tout type d'appareil et ainsi d'adapter votre développement si besoin. Le contenu aura un affichage le plus réaliste possible avec le comportement du header et du footer du navigateur qui est reproduit.

Mobile First = nom de conception que l'on utilise lorsque l'on développe en commençant par la version mobile et adaptée à des tailles d'écrans plus grandes.

Comment utiliser Mobile First ?

Ajoutez l’extension sur votre navigateur
Ouvrez l’extension en cliquant dessus
Possibilité de l'épingler pour un accès plus rapide
Vous pouvez maintenant choisir la taille de l'écran souhaité pour avoir un aperçu du web responsive

L'affichage est immédiat, testez le responsive design de votre site web sur les tailles d'écran souhaitées.

Les différents Devices pour tester son site

Sur la droite de la page web vous pouvez choisir entre différents devices (appareils) type smartphone et tablette, différents écrans desktop

15 modèles Android
19 modèles Apple
5 modèles de tablettes
8 formats spéciaux

Menu pour choisir vos options

Désactiver le simulateur
Changer de modèle
Caractéristiques et mockup du terminal
Changer l’orientation du device sélectionné
Faire une capture au format PNG transparent
Créer une capture animée au format GIF
Activer le mode jour - Activer le mode nuit
Partager le visuel
Centre d’aide
Configuration

Une option gratuite et différents plans payants

1. Plan gratuit

1 utilisateur
tous les modèles d'appareils ne sont pas disponibles
captures de vidéo limitées
publicité

2. Plan Personnel payant : (2.90€/mois)

1 utilisateur
tous les modèles d'appareils disponibles
captures de vidéo illimitées
pas de publicité
annulation possible à tout moment

3. Plan Start-up payant : (24.90€/mois)

jusqu'à 10 utilisateurs
tous les modèles d'appareils disponibles
captures de vidéo illimitées
pas de publicité
annulation possible à tout moment

4. Plan Entreprise payant : (49.90€/mois)

jusqu'à 20 utilisateurs
tous les modèles d'appareils disponibles
captures de vidéo illimitées
pas de publicité
annulation possible à tout moment

6. Pourquoi utiliser cette extension ?

La version gratuite propose suffisamment de formats pour tester le responsive web design de votre site
Outil en ligne très pratique pour tester un site
Simple à utiliser
Un affichage instantané
Partage rapide possible pour présenter son travail en live ou par email
Mockups gratuits au format PNG que vous pouvez importer dans les outils figma, photoshop, Invison etc.
plus de 200 000 utilisateurs
Captures d’écran possibles (maquette, emails, présentations, démos client etc.)
Vidéos - Format GIF
dark & white mode