Accueil › Développer un site › Décliner une maquette aux points de rupture mobile, tablette et ordinateur sans oublier de cas
Développer un site
Décliner une maquette aux points de rupture mobile, tablette et ordinateur sans oublier de cas
Vous obtenez la règle de comportement de chaque bloc aux points de rupture 360, 768 et 1440 pixels (empilement, masquage, réorganisation), les écrans à dessiner réellement et ceux qui se déduisent.
Plusieurs minutes à chaque utilisation
Aperçu du prompt
Accès immédiat · sans engagement · résiliable à tout moment
Ce prompt est écrit pour Claude : il utilise ses balises de structure et ses Artifacts. Copiez-le, remplacez les mots entre crochets par votre situation, et obtenez un résultat professionnel en quelques secondes, sans savoir « bien parler à l'IA ».
Les mots à remplacer
[liste] [pixels] [colonnes, gouttières, marges en pixels] [tableaux, carrousels, menus, formulaires longs, filtres] [pourcentage] [auto layout en place ou non] [nombre, date]
Avant / après
Sans ce prompt
« Le développeur adaptera pour le mobile. » Résultat : un tableau de tarifs illisible sur téléphone, et un site qui ne ressemble plus à la maquette.
Avec ce prompt
Huit types de blocs avec leur règle aux trois tailles, quatorze écrans à dessiner au lieu de trente-six, et un tableau de tarifs transformé en cartes sur mobile. (Chiffres d'illustration.)
Conseils
- Dessinez toujours le tableau et le menu sur mobile : ce sont eux qui cassent.
- Écrivez les règles dans le fichier, à côté des écrans.