Responsive web design : un bookmark pour tester toutes les résolutions
Avec la montée en flèche de la navigation web sur mobile, tout le monde rêve que son site ait un design responsive. Avoir un site web réactif sur un écran de la résolution d’un smartphone comme sur des écrans 30 pouces est le Graal de tout designer/développeur.
Viewport resizer est un outil très simple. Lors de vos phases de développement, ou même tout simplement lors d’une ballade sur la toile, vous cliquez sur le bookmark, et hop, vous testez le site web en question dans les formats les plus répandus, à savoir :
- 320*480 (Portrait & Paysage)
- 320*568 (Portrait & Paysage)
- 600*800 (Portrait & Paysage)
- 768*1024 (Portrait & Paysage)
- 1280*800(Portrait & Paysage)
- + Formats personnalisables
Le plus important est que vous pouvez personnaliser votre bookmark en fonction de la marque des téléphones, tablettes jusqu’à l’ Apple 30 pouces Ciné et tester des formats personnalisés un peu bâtards… elle est pas belle la vie?
Outre le fait qu’il n’y a pas plus simple, il prend aussi en compte l’orientation de l’écran. On peut consulter un rendu design dans une certaine résolution, puis en une seconde simuler le fait de tourner le smartphone ou la tablette tactile.