Un tutoriel sur la manière de bâtir un menu RWD
À lire : mise en œuvre moderne et efficace pour du RWD en 2023
Une alternative payante et multi-plateformes à https://responsively.app/
Diverses astuces pour optimiser l'affichage de ce qui est inclus par iframe.
Un outil à installer sur Mac, Linux ou Windows pour tester un site avec plein de device différents, avec scroll synchronisé
Une alternative à Superfish, un peu plus récente, accessible, et RWD
Un menu déroulant accessible pour le RWD
Pour télécharger et installer MJML en temps qu'application complète
Bootstrap contient ce qu'il faut pour afficher des iframes RWD
Un code HTML qui permet d'afficher une vue RWD « artistique » d'un site web.
Flex et Grid ont été conçues dans un monde où le RWD était déjà la norme. Ils permettent donc de ne pas faire systématiquement appel aux mediaqueries !
Rendre un tableau accessible et responsive !
Une manière de rendre un tableau RWD en CSS en lui mettant un ascenseur horizontal et une ombre pour manifester qu'il reste du contenu à voir d'un côté ou de l'autre.
Comment afficher une image avec une taille maximum, et qui s'adapte à la largeur de l'écran.
Des thèmes Wordpress adaptés aux mobiles et libres.
Il faut bâtir ses points de rupture RWD en fonction du design et non en fonction de la résolution supposée des périphériques.
Bonnes pratiques de la mise en place d'une barre de navigation en bas de l'écran.
Et voici comment rendre une iframe responsive (il faut du JS !)
Pièges à éviter quand on veut faire des images pour le RWD
De l'art de concevoir une mise en page typographique s'adaptant aux différents supports en RWD