Sur :not et la spécifité

Ire Aderinokun va toujours fouiller au fond des choses. Elle revisite ici la pseudo-classe de négation, nous montre l'envers du décor et nous offre un crash course sur la spécificité!

Motifs SVG japonais

Pour le plaisir, Dudley Storey a réalisé deux nouveaux backgrounds SVG dérivés des motifs géométriques traditionnels japonais. Un approfondissement de la série sur SVG, mine de rien, ça devient sérieux!

Astuces CSS avec checkbox

C'est incroyable ce qu'on peut faire avec un élément aussi modeste que les cases à cocher... du moins lorsqu'on s'appelle Will Boyd et qu'on a de la créativité à revendre!

Le $PATH vers la lumière

L'installation de logiciels sur notre machine est souvent un processus pénible et semé d'embûches. Mieux connaître $PATH facilitera notre vie et nous évitera quelques crises, grâce au Frenchie Olivier Lacan.

Sketch 3 : l'outil Scissors

L'application de dessin vectoriel Sketch brille par sa simplicité. Peter Nowell présente l'outil "ciseaux", moins connu que d'autres, et fait un point très intéressant sur les formes et les lignes.

Comprendre Clip Path

La propriété Clip-Path de CSS est un super outil pour réaliser des effets de style. Dans cet article clair, Drew Minns présente son utilisation en détail, ainsi qu'un cas pratique.

Tout sur les sprites CSS

Les sprites combinent plusieurs images dans un fichier unique, permettant d’améliorer la performance de votre site. Ils sont largement utilisés dans les animations complexes. Belle introduction par Chris Coyier.

Un surlignage simple en CSS

Surligner les rangées d'un tableau en CSS est très facile, mais les colonnes ? Les pseudo-éléments sont mis à contribution dans ce tutoriel court, facile et astucieux de l'indispensable Chris Coyier.

Animer des pseudo-éléments

Les pseudo-éléments nous permettent d'ajouter à nos pages du contenu supplémentaire, et ils peuvent être animés ! Donovan Hutchinson utilise ici un pseudo-élément pour ajouter une touche d'élégance à un bouton.

L'effet gluant avec SVG

Lucas Bebber, développeur brésilien hyper créatif, propose son effet Gooey, qui a fait le buzz dernièrement. Outre une dose d'inspiration, on y trouvera de bonnes bases sur les filtres SVG.

Shape blobbing en CSS

Le shape blobbing c'est cet effet d'aspiration d'une goutte par une autre, réalisable en CSS à partir de filtres pour le flou et le contraste. Tutoriel clair de Chris Coyier.

Des sélecteurs virtuels en CSS3

En combinant les sélecteurs CSS3 :nth-child et :nth-last-child, Matt Mastracci invente des sélecteurs virtuels et s'amuse à créer une galerie d'images redimensionnables qui fonctionne sans JavaScript. Très malin, complètement magique.

Amélioration responsive

L'amélioration progressive n'est pas une technologie, c'est une façon de penser. Jeremy Keith montre ici comment cette idée est non seulement respectueuse des utilisateurs mais également incroyablement libératrice de créativité.

Qu'est-ce qu'un élément remplacé ?

Avez-vous déjà entendu parler des éléments HTML remplacés ? Vous les utilisez pourtant tous les jours sans le savoir, et connaître leur nature peut vous éviter quelques soucis. Par Dudley Storey.

Utiliser CSS object-fit

La propriété object-fit de CSS offre des options de redimensionnement et de présentation des images qui faciliteront la vie des designers. Belle présentation pleine de robots par l'ami Dudley Storey.

Masquer et détourer en CSS

Il est devenu compliqué de s'y retrouver dans le paysage changeant du clipping et du masking. Évolution des syntaxes, technologies, support... Chris Coyier fait le point, explications et illustrations claires.

Un CSS concis avec currentColor

Osvalda Valutis s'est intéressé de près à currentColor et présente ici quelques cas concrets d'utilisation étonnants illustrant la façon dont currentColor nous permet d'écrire un CSS plus concis et cohérent.

L'imbrication des sélecteurs dans Sass

L'imbrication de sélecteurs est une fonctionnalité des préprocesseurs CSS d'utilisation courante. Tellement courante qu'elle peut devenir problématique. Hugo Giraudel, notre grand spécialiste de Sass, défend une position originale et radicale.

Auditer votre CSS

Auditer votre CSS vous aide à organiser votre code, à le rendre plus lisible, à éliminer les répétitions, mais aussi à améliorer les performances de votre site. Par Susan Robertson.

Sass et interpolation

Tout ce que vous avez toujours voulu savoir sur l'interpolation dans Sass, expliqué par Hugo Giraudel. Une bonne introduction toute simple et les cas d'utilisation principaux, pour interpoler avec plaisir.

Les dégradés SVG

Dégradés CSS ou dégradés SVG ? C'est une longue discussion, les deux ont leurs avantages, leurs utilisations particulières. Joni Trythall présente les dégradés SVG, en se concentrant sur leur utilisation

Ligne animée en SVG

Chris Coyier s'est intéressé aux animations SVG qu'on trouve un peu partout et il a voulu comprendre la base de cette technique. Il nous livre ses observations, c'est évidemment passionnant.

Un composant Sass en 10 minutes

Dans ce bref article, Hugo Giraudel crée un composant Sass très simple et nous donne quelques bons principes de base pour construire nos propres composants. Limpide et passionnant comme toujours.

Animer un SVG avec CSS

Chris Coyier s'est amusé à créer une petite animation SVG en CSS, sans passer par des bibliothèques compliquées. C'est fait maison, simple, efficace et expliqué de façon claire comme toujours.

Concevoir une API

On passe aux choses sérieuses… Dans cet article, nous allons parler des composants d'une API en en créant une nous-mêmes. Par l'ami Brian Cooksey, le roi de la pizza pepperoni.

API, authentification

Arriver à se parler, c'est bien, il reste à répondre à une question existentielle : comment le serveur sait-il que le client est bien celui qu'il prétend être ? Par Brian Cooksey

Des colonnes de même hauteur

Question récurrente : comment faire pour avoir des colonnes de même hauteur dans notre mise en page multi-colonnes ? Kezz Bracey propose une solution astucieuse pour résoudre ce problème vieux comme CSS.

API, formats de données

Dans cet article, explorons avec Brian Cooksey les données que nous fournissent les API, leurs formats et la façon dont HTTP rend tout cela possible. De plus en plus passionnant.

API, les protocoles

Dans l'article précédent, Brian Cooksey nous a fait connaître les deux côtés impliqués dans une API, le serveur et le client. Regardons maintenant de quelle manière ils communiquent entre eux.

API, une introduction

Vous êtes-vous déjà demandé comment Facebook affiche automatiquement vos photos Instagram ? Brian Cooksey commence ici une série d'articles passionnants sur les API, dans un langage clair, imagé, sans jargon inutile.

Utiliser Flexbox

Flexbox est une technique simple et puissante, mais elle pose encore quelques problèmes de compatibilité. Sean Fioritto répond ici à la question : quand pourrai-je utiliser Flexbox dans le monde réel?

Sass : tout sur @extend

Hugo Giraudel, notre grand spécialiste de Sass, est de retour. Il fait le point de façon précise et claire sur ce que personne ne vous avait jamais dit sur @extend.

Sass : Mixin ou Placeholder ?

Hugo Giraudel est un spécialiste internationalement reconnu de Sass. Il explique ici clairement et simplement la différence entre mixin et placeholder, comment utiliser l'un ou l'autre ou... combiner les deux.

Utiliser SVG

Dans cet article complet et clair, Chris Coyier s'intéresse à la mise en oeuvre concrète de SVG pour votre design. Pas de théorie, cercles, rectangles, non, rien que du concret.

Design atomique

La création de systèmes de design a été au coeur de nombreux débats passionnés. Brad Frost propose ici sa vision, basée sur une comparaison avec les atomes et les molécules.

Se lancer dans Sass

Qui a encore peur aujourd'hui de Sass et des préprocesseurs en général ? David Demaree nous montre dans cette introduction claire et complète la simplicité et l'utilité de Sass. Indispensable, vraiment.