Les ressources du Web #12

Le numéro 12 des ressources du Web arrive pour cette nouvelle année 2015 avec plein de sources d’inspiration pour vos CSS et vos design, ainsi que de nombreuses ressources graphiques gratuites et libres de droit. Mais également toujours est encore du JS, du WordPress, du SVG et de nombreux outils pour vous faciliter la vie.

Inspiration et CSS

• Materialize CSS – un framework orienté Material Design
• Dialog Effects – des effets CSS et SVG pour des boîtes de dialogue.
• FormStone – une collection de composants pour front-end dev
• Expandable Image Gallery – inspiration pour une galerie d’images extensible.
• Better Webfont Loading – un article expliquant comment tirer profit de localstorage dans le cas du chargement de webfont.
• Text Input Effects – quelques effets d’animation sur des champs texte de formulaire.

Inspiration et design

• 50 webdesign de l’année 2014 – découverte et re-découverte
• 30 animations en Gif – de quoi vous inspirer pour des animations

JavaScript

• jQuery Custom Scrollbar– un plugin jQuery pour transformer visuellement votre scrollbar.
• PhotoSwipe – une excellente ressource pour créer une galerie photo incluant responsive, swipe et système de zoom (et même partage Facebook)
• Snabbt.js – une bibliothèque d’animations JS performante

Ressources graphiques

• Evil Icons – des icônes « outline » téléchargeables en vectoriel
• Beetle – un template HTML5 Responsive parallaxe gratuit
• GreenSock – contrôlez des animations surpuissantes pour le web

SVG

• Tips for optimising SVG Delivery – des astuces pour optimiser le chargement de vos SVG sur le Web
• DrawSVG – un plugin pour « dessiner » du SVG facilement.
• SVG Icons – des icons SVG dont le code est à copier/coller pour une utilisation rapide

Interface

• Materialize CSS – un framework orienté Material Design
• 7 tips for Gifs – 7 astuces pour créer de magnifiques gifs animés
• Concept menu interaction – un concept de menu mobile intéressant
• UX Check – une extension chrome pour aider à identifier des problèmes d’utilisabilité d’une interface.

Outils

• odrive – 56 Go de stockage dans le cloud gratuits
• Cults3D – achetez/vendez et téléchargez les meilleurs fichiers pour votre imprimante 3D.
• Adobe Shape CC – prenez une photo avec votre iPhone et transformez-là en image vectorielle partagée dans le cloud.
• Tunnel Bear – naviguez librement sur Internet grâce à l’aide d’un ours…
• Photoshop Extensions – une liste d’extensions « Front-end » pour Photoshop

WordPress

• Ninja Forms – formulaire de contact très complet pour WordPress
• BooBook – Un Facebook Connect pour WordPress vraiment simple et pratique (développé par Xuxu)

Amusez-vous bien !