Les ressources du Web #4

Les ressources du Web sont légion ! Voici une nouvelle série assez variée qui devrait ravir la plupart des webdesigners : des icônes, des scripts, des applications, des idées de code ou des outils pour le tester. À vous de piocher et de compléter votre arsenal !

WebDesign

• Stream Line Icons – de belles icônes vectoriels de style ligne fine.
• NastyIcons – des icônes décalées et humoristiques
• SpinKit – des idées de loader CSS avec accompagnées de leur code source
• MACAW – dessinez le web, laissez le code se créer tout seul
• ThePatternLibrary – une bibliothèque de trames haute en couleurs
• Police Bebas Neue – une police sans-serif de qualité et gratuite.

Photoshop

• Layrs – plugin Photoshop CS6 et CC pour automatiser le nettoyage de votre PSD au niveau des calques notamment (calques vides, effets inutiles, etc.)
• iPhone Apps design – Setup Photoshop – paramétrer votre Photoshop pour du design d’application iPhone (article en Anglais)

CSS

• Perspective Page View Navigation – un effet de navigation pleine vue expérimental très intéressant.
• Nth Test – pour tester vos nth-of-type et nth-child.
• Shape Hover Effect SVG un effet d’animation de formes SVG au survol

JS

• HeadRoom.js – faite apparaître/disparaitre votre header sur demande
• Adaptive Backgrounds – un plugin jQuery pour appliquer la couleur dominante d’une image à son élément HTML parent.
• Stupid Studio Sprite Generator – créez des animations dont vous contrôlez la qualité (jpg, png, gif, nombre d’images par seconde, etc.) avec des sprites
• Unison.js – unifiez le nom vos breakpoints à travers CSS, JS et HTML.
• Color Thief – récupérez les couleurs dominantes d’une photographie
• Planetary JS – un globe interactif personnalisable en JS
• Magnifier JS – un plugin de loupe sur une image
• Tests de chargement conditionnel pour les images – c’est chez Raphaël Goetter que ça se passe.

Outils

• ColorPeek – créez un nuancier de couleur en ligne et partagez le simplement
• WebFonter – un plugin Chrome pour essayer des fontes en live sur n’importe quel site Web
• 2013 Freelance Tools – une panoplie d’outils de 2013 pour webdesigner
• The best design tools – une panoplie d’outils pour designer classée par catégories
• EXPoSURE – créez un album photo narratif simple et classieux (existe en gratuit et payant)
• SpaceGray Sublime Theme – un thème simple pour Sublime Text
• Dareboost – automatisation de l’analyse de votre site et conseils de performance, accessibilité, SEO, serveur, validité, etc.

Plein d’autres ressources régulièrement sur : Inpixelitrust blog.