Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Découvrir le design responsive

Tester le design responsive

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Avec votre formateur, découvrez les principaux outils de test de sites responsives, qu'ils soient en ligne ou à installer.

Transcription

Les tests sont une composante essentielle dans la gestion de projet web et c'est particulièrement vrai Alors il y a pléthore d'outils qui permettent de gérer ce genre de tests et je vais vous en présenter quelques-uns qui personnellement m'ont intéressé et que vous allez pouvoir tester. Mais dites-vous bien que ces outils, qu'ils soient en ligne ou que vous les téléchargiez, sont des outils qui ne pourront jamais totalement émuler correctement les périphériques physiques. Il va donc falloir que vous vous dotiez des principaux périphériques qui sont utilisés par votre public-cible afin de réellement effectuer des tests qui minimiseront les erreurs. Nous pouvons commencer ici par voir de naviguer à l'intérieur de ces différents écrans avec un même site dont vous aurez entré l'URL ici. Ce qui est intéressant, c'est que vous avez une vue d'ensemble immédiate et puis d'autre part que vous allez pouvoir effectuer une capture d'écran pour pouvoir la présenter notamment à vos clients. Il y a un autre outil qui est très intéressant qui est le Responsinator et qui va permettre ici de vérifier ce que va donner votre site web dans différents périphériques, que ce soit en vertical ou que ce soit en horizontal. Vous allez donc pouvoir avec cet outil vérifier que votre site s'affiche correctement sur ces différents périphériques. Et puis il y a également un site en ligne qui est très intéressant qui est isResponsive. Avec isResponsive, vous allez pouvoir non seulement afficher votre site pour ces périphériques mais vous allez pouvoir, et c'est très intéressant, faire varier la largeur de l'écran de manière à contrôler où se trouvent vos points de rupture. Donc c'est un outil qui sur ce plan est très intéressant. Et puis enfin je vous propose un autre outil qui est le Linked Union Emulator, qui pour l'instant est encore en Beta et qui est une extension de Chrome. Vous allez donc le trouver sur le Chrome Webstore et vous allez en cliquant sur le bouton l'ajouter à Chrome et vous pourrez ensuite vérifier la validité de vos sites avec un émulateur. Il s'agit d'un émulateur qui va fonctionner dans Chrome mais qui va fonctionner sur votre ordinateur. Il ne s'agit pas d'un service en ligne. Rappelons encore pour conclure sur ce sujet que tous ces émulateurs et tous ces services en ligne ne remplaceront jamais les tests qui seront effectués sur les vrais périphériques physiques utilisés par votre public cible. en ce qui concerne le design responsive. le Multi Device Website Mockup Generator qui va vous permettre

Découvrir le design responsive

Abordez les principes du design responsive. Comprenez la problématique des écrans haute densité, analysez les grilles fluides, explorez les outils de prototypage, etc.

Approche claire et intéressante
Andres S.

Je ne vais plus recommencer à coder html et css mais je voulais avoir une idée de la manière dont le formateur percevait l'approche de la création d'un site "responsive". J'ai non seulement compris cette approche mais j'ai aussi noté des outils intéressants au cas peu probable que je les utilise un jour. Donc intéressant même si ce n'est que pour sa culture générale.

 
Spécial abonnés
Votre/vos formateur(s) :
Date de parution :6 sept. 2017
Durée :2h02 (25 vidéos)

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !