Une traduction de Build for the Web, Build on the Web, Build with the Web avec autorisation de l’auteur, Harry Roberts. Si vous voulez construire pour le Web, construisez sur le Web et construisez avec le Web. Si je ne devais donner qu’un seul con…

Je découvre que Safari a un comportement qu’il est le seul à proposer. Quand on tronque un contenu avec un overflow: hidden, on peut définir la manière dont les textes se comporteront avec text-overflow. Généralement ce sont des points de suspension qui son…

Il y a plus d’un an, Scott O’Hara publiait un article qui présentait une technique basée uniquement sur CSS pour activer une interaction en fonction d’un point de rupture. J’ai trouvé cette façon de faire très intéressante (bien qu’un peu obscure au premier abor…

Une découverte personnelle récente : il est possible de passer un paramètre supplémentaire à la fonction CSS inset() afin d’arrondir les angles du rectangle formé. Un exemple avec un clip-path sur un élément qui se voit rogné sur ces quatre côtés de 10 pixels : c…

J’ai découvert récemment la fonction CSS color-mix() et elle offre plein de possibilités intéressantes. Je vous partage mes explorations. Fonctionnement Pour l’utiliser, il va falloir obligatoirement préciser à la fonction votre espace de couleur, ce qui pe…

Le besoin L’exemple classique pour décrire la mise en place d’un piège pour le focus, c’est l’ouverture d’une boîte de dialogue modale. « Modale » signifie que l’accès à son contenu est exclusif ; le reste (en dehors du dialog) est interdit et cela est signifié de plusi…

Dans les tableaux de données il arrive parfois que des cellules restent vides, ce qui peut donner l’impression que votre tableau est mal structuré graphiquement si ces cellules sont nombreuses ou placées aléatoirement. Aussi, on peut vouloir y place…

Le mercredi après-midi au boulot, on profite d’un temps commun entre gens du même métier. (On appelle ça la guilde.) C’est l’occasion d’échanger sur des sujets divers, mais le plus souvent c’est basé sur le partage de connaissances et c’est tombé récemment sur le s…

Pour appliquer un style différent aux champs de formulaires de type texte en fonction de s’ils sont remplis ou non, il n’est pas nécessaire de passer par une lecture leurs valeurs en JavaScript, mais il faut bidouiller un peu en CSS. Avec un sélec…