Les ressources du Web #7

C’est dingue la vitesse à laquelle la communauté réagit aux besoins des intégrateurs et tente de trouver des solutions pour faciliter la vie de chacun dans notre travail (ou passion). Cette semaine, encore une belle sélection de scripts JS, d’outils pour optimiser vos travaux ou quelques liens d’inspiration graphico-technique.

CSS

• CSS values – connaitre le support des règles CSS rapidement
• Inline Anchor Styles – quelques styles de liens dans un texte

HTML

• The new srcset and sizes explained – explication des attributs srcset et sizes
• Voice elements – des composants web pour le support de Speech API HTML5

JS

• FramerJS – un script JS pour créer des prototypes à partir de vos maquettes
• RandomColor – un générateur de couleurs aléatoires
• Implement Custom Gestures – un fondamental sur la gestion des « touch events »
• Flare – unobtrusive event emitter API for Google Universal Analytics event tracking
• jQuery Zoom Scroller – un effet de zoom sur une image au scroll dans la page
• Outdated Browser – inciter les utilisateurs à mettre leur navigateur à jour
• Odyssey.js – un moyen simple pour les journalistes, designers, et les créateurs pour créer des histoires interactives
• Boba.js – un script pour mieux gérer les tracks analytics

Outils

• SVGO – optimisez vos fichiers SVG
• Compressor.io – optimisez vos fichiers image

Ressources

• Free Cooking Icon set – icônes sur la thématique de l’alimentaire
• Free Icon Set – 220 icônes (line-icons) proposées en PSD
• Garnata – une jolie fonte gratuite.
• Enemy Typeface – une fonte épaisse « destroy »
• Unveil Typeface – une famille de polices très « illustrées »
• Oozled – une bibliothèque de ressources
• CodyHouse – une bibliothèque de ressources HTML/CSS/JS pour des éléments de design

Photoshop

• Ka.Ku.ps – traduire vos calques de texte sur vos PSD.
• Griffify – un plugin pratique pour créer des repères sur vos PSD (CS6 et CC)

Inspiration

• CSS Conf – Styling with strings – quelques bonnes idées à prendre
• Samsung Grid – des effets de chargement en infinite scroll
• Redesigning Font Panel – une idée de redesign du panneau de polices de Photoshop
• 2014 Logo Trends – tendances des logos en 2014 (?)
• Header intro effects – des effets d’animation sur header intéressants
• Niice.co – un moteur de recherche pour votre inspiration graphique

Très bonne lecture !
À bientôt !