Les ressources du Web #20

Pour cette vingtième édition des ressources du Web, rien de fabuleusement différent puisque je continue de faire une sélection très personnelle des ressources qui ont attirées mon attention dans différents domaines, souvent parce que je pourrais en avoir besoin, ou parce que je pense que cela pourrait vous intéresser. Varions les plaisirs encore une fois !

Mailing

• InkBrush – Composez le code de votre e-mail en quelques minutes (merci Michaël pour l’info).
• Unfolding effect — Un effet « natif » de dépliement dans vos mails.

HTML & CSS & SVG

• SVG Ripples effect – un effet « ondes » on clic sur un bouton.
• Rucksack – un outil PostCSS qui rend l’écriture de CSS plus fun.
• Using Responsive Images — un article de synthèse sur l’utilisation d’images responsive.

JavaScript

• Preloading images in parallel – un article intéressant sur le préchargement d’images en parallèle.
• Elastic progress bar – un effet d’animation vraiment fun pour une barre de progression.
• TwentyTwenty – un script permettant de créer un slider pour comparer deux images.

Video & Animation

• Video Opening Animation – un effet d’animation pour l’ouverture d’une vidéo vraiment inspirant.
• Page scroll effect animation – des effets d’animation de slide au scroll de la page.

Outils

• AnyAPI – de la documentation et des tests pour plus de 125 API publiques.
• Flarum – un outil pour créer un espace de dialogue simple et multiplateforme.
• Vectr – un outil de design vectoriel complètement gratuit, à suivre !
• Sketch Iconfont – un plugin Sketch pour utiliser les icônes-fontes directement dans vos créations.
• Sketch Palettes – un plugin Sketch pour améliorer la gestion de vos palettes de couleurs.
• ContentTools – un éditeur WYSIWYG sympa et plutôt léger visuellement.

Design & kits

• Land.io – un UI Kit pour Sketch vraiment sympa.
• Lithium – un UI Kit pour une application mobile.
• Philomela – un design d’application iPhone pour un player de musique, gratuit.
• Nanoline Icons — 200 icônes gratuites extraite d’un pack payant de 2000 icônes.