Catégories
Astuces et Design

La technique Raven: un peu plus près des requêtes de conteneurs

Pour la millionième fois: nous avons besoin de requêtes de conteneur en CSS! Et devinez quoi, il semble que nous nous dirigeons dans cette direction. Lorsque vous créez des composants pour un site Web, vous ne savez pas toujours comment ce composant sera utilisé. Peut-être sera-t-il rendu aussi large que la fenêtre du navigateur. Peut-être […]

Catégories
Astuces et Design

Un guide complet des requêtes multimédias CSS

Les requêtes multimédias sont un moyen de cibler le navigateur en fonction de certaines caractéristiques, fonctionnalités et préférences de l'utilisateur, puis d'appliquer des styles ou d'exécuter d'autres codes basés sur ces éléments. Les requêtes multimédias les plus courantes dans le monde sont peut-être celles qui ciblent des plages de fenêtres particulières et appliquent des styles […]

Catégories
Astuces et Design

Utilisation des requêtes multimédias JavaScript

Quelle est la première chose qui vous vient à l'esprit lorsque vous pensez aux requêtes multimédias? Peut-être quelque chose dans un fichier CSS qui ressemble à ceci: body {   background-color: plum; } 
 @media (min-width: 768px) {   body {     background-color: tomato;   } } Les requêtes multimédias CSS sont un ingrédient […]

Catégories
Astuces et Design

Au-delà des requêtes multimédias: utilisation de nouvelles fonctionnalités HTML et CSS pour des conceptions réactives

Au-delà de l'utilisation de requêtes multimédias et de mises en page CSS modernes, comme la flexbox et la grille, pour créer des sites Web réactifs, il y a certaines choses négligées que nous pouvons bien faire pour créer des sites réactifs. Dans cet article, nous allons explorer un certain nombre d'outils (tournant autour du HTML […]

Catégories
Astuces et Design

Jouer avec (fausses) requêtes de conteneurs avec boîte surveillée et resizeasaurus

Heydon est un putain d'outil fantastique. Il s'agit d'un élément personnalisé qui effectue essentiellement des requêtes de conteneur au moyen de noms de classe qui sont ajoutés à la boîte en fonction des points d'arrêt de taille calculés avec ResizeObserver. C'est comme une version plus propre de ce dont Philip parlait il y a quelques […]

Catégories
Astuces et Design

dbaron / container-queries-implementability: Proposition de requêtes de conteneur conçues pour être implémentables dans les navigateurs Web

L'idée des requêtes de conteneur a été largement discutée, comme dans WICG / container-queries et dans w3c / csswg-drafts # 3852. Les auteurs CSS veulent un moyen d'utiliser une fonctionnalité comme les requêtes multimédias sur un partie de la page. Bon nombre des cas d'utilisation qui sous-tendent ce désir concernent des choses qui sont comme […]