Relate
✏️ Conception

RELATE : Outil de conception Design to Code

📌 RELATE est un outil de conception visant à fluidifier les échanges entre designers et développeurs via une application Design to code.
Designer vos écrans comme vous le feriez habituellement sur Sketch ou Figma et obtenez un code HTML / CSS / JS directement exploitable. Pendant que vous concevez, le code est généré en arrière-plan et peut être publié n’importe où. Un véritable gain de temps pour votre équipe !
#cmondary

CSSfullscreen
📎 Resources

15 CSS full screen video background

📌 ARTICLE proposant pas moins de 15 #snippets différents en #CSS offrant la possibilité d’afficher une vidéo en plein écran en background.
Pas toujours optimal pour le #SEO, mais tellement immersif !!
Personnellement j’adore.
On ne pourra plus vous dire que c’est compliqué à implémenter 😀
#FullScreen #video #cmondary

CSSpatterns
🛠 Tools

CSS BACKGROUNDS

📌 CSS BACKGROUNDS est un générateur de #backgrounds en #CSS.
Vous pourrez piocher parmi les thèmes déjà généré, ou créer le votre, selon vos paramètres.
#cmondary

3Dbook
📎 Resources

3D Book CSS

📌 3D BOOK CSS est un petit service en ligne pour créer des mockups de couverture de bouquin directement en CSS.
Vous pouvez donc appliquer n’importe quelle image en ligne (il faut donner l’URL de l’image, pas d’upload possible) comme couverture de bouquin. Et pour ceux que le code intéresse, il est disponible directement sur le site.
#Code #cmondary

🗞 Article

Changer l’apparence GMAIL via CSS

📌 ARTICLE offrant la possibilité de surcharger le CSS de gmail afin d’en changer l’apparence !
L’idée est sympa même si pour ma part j’utilise SIMPLIFY GMAIL, l’extension chrome, qui me fait ça très bien !
#Gmail #Chrome #Extension #Tips #cmondary

archetypeapp
🛠 Tools

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 !!

capture de28099ecc81cran 2019 08 13 acc80 14.25.02
📎 Resources

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 😉

Heropattern
🛠 Tools

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.