Illustration de la semaine au poil #37

Une semaine au poil – #37

Comme chaque semaine, je vous ai rassemblé les meilleurs liens que j’ai trouvés. Qu’avons-nous ? Grade.js pour créer des dégradés en fonction des couleurs dominantes d’une image, un article sur la vulnérabilité « target=_blank », de l’inspiration pour vos formulaires mobile, Texture.js pour créer des textures en SVG et pour finir un article pour apprendre CSS Flexbox en 3 minutes !

Grade.js : créer des dégradés en fonction des couleurs dominantes d’une image

Simple à utiliser, cette petite bibliothèque JavaScript vous permettra de mettre en valeur vos images et photos avec un contour ou fond en dégradé. Dégradé qui est généré à partir des couleurs dominantes de votre image.

Grade.js

A télécharger par ici : benhowdle.im/grade

La vulnérabilité « target=_blank », des exemples et comment l’éviter

C’est une vulnérabilité qui n’est pas très connue qui touche les URL avec le célèbre paramètre « target=_blank », vous savez c’est le paramètre qui permet d’ouvrir un nouvel onglet lorsque l’on clique sur un lien.
Preuve en est, qu’il faut s’y intéresser, Instagram vient de la corriger.
Quoiqu’il en soit, je vous encourage à lire cet article qui vous en dira plus et qui vous donnera les techniques pour la corriger.

Vulnérabilité target=_blank

A lire ici : dev.to/ben/the-targetblank-vulnerability-by-example

Inspiration : un formulaire sur mobile

Voilà un formulaire avec un UX design maîtrisé orienté mobile.

Formulaire mobile

En savoir plus sur son auteur : dribbble.com/shots/2904666-Single-Form-Field

Texture.js : créer des textures SVG pour des DataViz

Texture.js est une bibliothèque JavaScript permettant de créer dynamiquement des textures de style pattern en SVG. C’est idéal pour générer des data visualisation. Il est possible d’utiliser les patterns existants ou d’en créer soi-même.

Texture.js

A télécharger ici : riccardoscalco.github.io/textures

Apprendre CSS Flexbox en 3 minutes

Un tout petit article que j’ai trouvé bien fait qui rassemble les bases du Flexbox.

CSS Flexbox en 3 minutes

A lire ici : medium.com/learning-new-stuff/learn-css-flexbox-in-3-minutes

 

Si vous en voulez plus, n’hésitez pas à me suivre sur Facebook et sur Twitter.

Laisser un commentaire :

Votre adresse email ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.