Search: [css] - kalvn's links

29/03/2017 13:37:47

Jouer avec les animations CSS en live.

Les navigateurs supportent Grid Layout - Alsacreations https://www.alsacreations.com/actu/lire/1735-les-navigateurs-supportent-grid-layout.html

28/03/2017 14:35:34

GridLayout arrive tout doucement. Flex a déjà résolu bon nombre de problèmes du passé mais Grid permet de nouvelles choses et renforce la séparation entre structure (HTML) et style (CSS).

Le plugin pour les curieux de la CSS ! – Graphisme & interactivité https://graphism.fr/le-plugin-pour-les-curieux-de-la-css/

16/03/2017 09:51:45

Intéressant même si ça n'apporte pas beaucoup plus que la console web qui est déjà très bien faite pour accéder aux propriétés CSS d'un élément HTML.

CSS4 Selectors: What Can We Expect? | Gorilla Logic https://gorillalogic.com/blog/css4-selectors-can-expect/

24/02/2017 11:26:50

Visiblement il s'agit plus de Selectors Module Level 4 que de CSS4 à proprement parler mais ça donne quand même une bonne vision de ce qu'il serait possible de faire en CSS dans les années à venir.

How Flexbox works — explained with big, colorful, animated gifs https://medium.freecodecamp.com/an-animated-guide-to-flexbox-d280cf6afc35#.4bvzhfhrh

21/02/2017 10:34:17

Flexbox expliqué en GIF animé.

Pocket Guide to CSS only Drawings and Animations https://journal.helabs.com/pocket-guide-to-css-only-drawings-and-animations-781470436ecc#.3vmjj3ih1

21/02/2017 10:24:23

Le dessin en CSS pour les nuls.

Les 30 Sélecteurs CSS à Absolument Connaître https://code.tutsplus.com/fr/tutorials/the-30-css-selectors-you-must-memorize--net-16048

17/02/2017 10:54:53

Une saine lecture. C'est du classique mais il est toujours bon de rappeler les possibilités offertes par CSS. Bon par contre, n'abusez pas de sélecteurs ultra compliqués. Même s'il est possible de faire des choses assez complexes, ça ne veut pas dire que c'est judicieux. En ce qui me concerne, les sélecteurs avancés me sont surtout utiles quand je dois customiser du code HTML sur lequel je n'ai pas la main.

Juste une petite rectification sur l'article :after et :before sont des pseudo-éléments et pas des pseudo-classes.

Par contre quand je vois ce type d'articles je m'interroge toujours sur les performances de chaque sélecteur. Je me doute qu'à moins d'y aller comme un bourrin, les différences en perf sont négligeables mais si quelqu'un a un comparatif ça m'intéresse.

Let's Look at 50+ Interesting CSS Properties & Values | CSS-Tricks https://css-tricks.com/lets-look-50-interesting-css-properties-values/

06/02/2017 13:51:30

tl;dr

CSSPIN - CSS Spinners and Loaders https://webkul.github.io/csspin/

02/02/2017 22:33:31

Bon forcément le nom du site fait sourire mais y a quand même des trucs pas mal :)

Hero Patterns - Repeatable SVG Background Patterns http://www.heropatterns.com/

02/02/2017 21:09:53

Une idée intéressante pour styliser un bloc de manière légère et discrète.

you-dont-need/You-Dont-Need-Javascript: CSS is powerful, you can do a lot of things without JS. https://github.com/you-dont-need/You-Dont-Need-Javascript

18/01/2017 22:14:28

Quelques réalisations en pur CSS, sans JS.

Color Supply http://colorsupplyyy.com/app/

10/01/2017 10:15:40

Excellent cet outil ! Il vous aide à choisir des ensembles de couleurs qui vont bien ensemble selon différents procédés (couleurs complémentaires, analogues, etc.).

Intro to the 8-Point Grid System – Built to Adapt – Medium https://medium.com/built-to-adapt/intro-to-the-8-point-grid-system-d2573cde8632#.bve1ch5fe

03/01/2017 13:22:40

Utiliser des multiples de 8pt pour dimensionner une UI, pour améliorer le rendu lors d'un "scaling" du navigateur et éviter les demi-pixels par exemple.

La spec est plus détaillée ici.