Sébastien Rigaux

Veille technologique

← Tous les liens

Responsive design

Adaptation des interfaces aux dimensions d’écran et aux modes d’interaction.

Bannière Taste Skill sur fond beige, avec le nom du projet à gauche et des maquettes d’interfaces empilées à droite.

Taste Skill fournit aux agents de code un système pour construire des sites d’entreprise moins génériques : palettes, layouts de hero, fragments d’interface et images réelles, avec une direction adaptée au type d’activité. Le dépôt propose des intégrations pour Claude Code et Codex, ainsi qu’un usage via npx skills.

Le point distinctif est le contrôle automatisé dans Chrome headless : la page est rendue à quatre largeurs, de 390 à 1440 px, et vérifiée pour les visuels vides, les contrastes, l’alignement ou les images manquantes sur réseau lent. Les effets WebGL et de scroll sont réservés aux pages tech, gaming et software, avec des replis statiques pour mobile et la réduction des animations.

Leonxlnx

Illustration d’un article sur l’ajustement automatique de la hauteur des iframes dans Chrome

Chrome 154 introduit la propriété CSS frame-sizing: content-height qui permet à une iframe de s’ajuster dynamiquement à la hauteur de son contenu, sans scripts ni échanges de messages. Cette fonctionnalité nécessite que la page embarquée ajoute une meta-tag spécifique et autorise explicitement le domaine parent, ce qui limite son usage immédiat aux cas où les deux parties coopèrent. L’article détaille les usages concrets (paiement, widgets, formulaires dynamiques), les contraintes de compatibilité et les bonnes pratiques pour éviter les fuites d’information ou les sauts de layout.

Ahmad Elalfy