PALETTTE – Outil de palette de couleurs
📌 PALETTTE est un outil en ligne permettant assez simplement de créer une palette couleur et de l’exporter en JSON, CSS ou HEXA.
Duotone Tips
📌 ARTICLE vraiment sympa pour appliquer un filtre DUOTONE directement via le code CSS. Plus d’excuse pour votre équipe de dev 😉
Gradients party
📌 GRADIENTS est un service en ligne proposant des palettes de gradients de couleurs assez sympas, pouvait être téléchargés en CSS 😉
Grabient
📌 GRABIENT est un outil en ligne offrant une palette de gradients téléchargeable en CSS ou SKETCH. L’outil permet même de les éditer et les personnaliser, et ce, de manière assez intuitive.
Archetypeapp
📌 ARCHETYPE est un service gratuit en ligne, vraiment génial ! Il va vous permettre de mettre en forme votre texte : sélectionner la police, sa taille, les espacements, visualiser les versions mobiles et desktops ainsi créées. Enfin vous aurez la possibilité de l’importer directement dans Sketch, ou l’exporter au format CSS !! Petit bonus, sachez que toutes les polices de caractères présentées ici sont téléchargeables !!
The Mine : Jeu Codepen
📌 THE MINE est un jeu d’aventure plateforme entièrement réalisé en CSS
HORIZONTAL IMAGE ACCORDION
📌 HORIZONTAL IMAGE ACCORDION est un petit snippet sur CodePen réalisé entièrement en CSS. Pour ceux que cela intéresserait, 13 autres codes d’accordéons sont disponibles sur le lien suivant
CSS ONLY FLOAT LABEL
📌 CSS ONLY FLOAT LABEL est un code CSS hébergé sur le génial codepen illustrant merveilleusement bien l’animation d’un libellé passant de l’intérieur du champ de saisie , au dessus du champs de saisie. Personnellement, je considère comme une bonne pratique, à complété d’un control de surface indiquant si le champs est OK ou KO 😉
CSS GRADIENT
📌 CSS GRADIENT est un service web permettant de créer des gradients de couleurs linéaires ou radiaux et d’en obtenir le code CSS.
Morphing SVG
📌 Un article vraiment interessant vous aidant à créer un morphing à partir de forme SVG !
HERO PATTERNS
📌 HERO PATTERNS est un site proposant des patterns a utiliser en backgrounds. Le truc sympa c’est la possibilité de configurer ses couleurs et opacité, mais surtout l’export en SVG ou directement en code CSS.
Three-dots
📌 THREE DOTS est un petit projet sur Github sympa qui fourni 14 types différents d’animations CSS , des fameux 3 petits points qui vous invite à patienter. Il est amusant de retrouver sur une même base de 3 petits points , différentes conventions de signifiance des codes (Chargement, traitement en cours, écriture en cours, ….)
ANIMISTA
📌 j’avais déjà écris sur ANIMISTA, mais je crois bien qu’ils viennent d’ajouter de nouvelles animations CSS. Il est possible maintenant d’agir sur une animation du background, de texte en opening, en ending. Toujours aussi simple d’utilisation !
Keyframes
📌 KEYFRAMES est un petit outil qui remplacement aisément SPIRIT
TABLER est un dashboard responsive en HTML/CSS
📌 TABLER est un dashboard responsive en HTML/CSS et bien sûr open source 😉 J’aime bcp la réalisation sobre et fonctionnelle de ce dashboard. Je rêverais de savoir/pouvoir pluger ce dashboard sur une base de données GoogleSheet…