Les Ressources du Web #22

Cela faisait un moment que je n’avais pas alimenté ce billet. Vous trouverez donc, pour cette fois, des outils et astuces fraîches et moins fraîches, mais vous n’avez probablement pas déjà tout vu (enfin j’espère :p). C’est donc l’occasion de jeter un œil sur ces quelques ressources.

HTML & CSS

• Styling a slider – apprenez à styler et scripter l’input de type range (slider)
• Foundation for Emails – le nouveau framework de ZURB pour vos e-mails.
• GridLex – une grille CSS basée sur Flexbox qui m’a l’air plutôt prometteuse.
• Elastic Circle Slideshow – petite inspiration du moment.

JavaScript

• Scroll Reveal – un petit script pour créer aisément vos animations au scroll.
• ResponsifyJS – un plugin pour afficher un ensemble d’image dans un cadre responsive sans sacrifier le sujet principal de l’image. (à combiner avec SmartCropJS présenté ici ?)
• FocusPoint – un autre script qui permet de détecter le point d’intérêt d’une image.
• Mo.js – ou Motion.js est une bibliothèque d’animations assez stupéfiante.

SVG & Icons

• SVG Icons ready to use – une petite collection d’icônes SVG prêtes à l’emploi.
• Elegant vector kit – un gros kit d’éléments (terminaux, casques, smartwatches, café, etc.) vectoriels.

Éléments graphiques

• Website Mockup – un PSD pour présenter vos designs responsive de manière originale.
• 84 Line icons – fichiers PSD, AI et Sketch avec 84 belles icônes.

Outils & Services

• Free Dev Stickers — demandez vos stickers gratuitement.
• Avocode – un outil vraiment pratique pour faciliter le passage de la maquette au code.
• Imagify – le tout dernier outil d’optimisation d’image (un article plus complet sur Imagify)
• Craft – un outil créé par InVision pour construire vos maquettes Sketch & Photoshop avec du contenu fictif riche.