Les ressources du Web #5

Ce web n’a donc aucune limite !? Voici une grosse sélection des ressources croisées sur la toile, Twitter ou autres réseaux regorgeant d’adresses bien utiles. Du jQuery sans jQuery, du placement dynamique en JS, des extensions Photoshop, de l’inspiration graphique et du code, de la typo et du logo !

JavaScript

• You Might Not Need jQuery – faites la même chose que jQuery, mais sans jQuery !
• SVG Magic – un plugin jQuery proposant un fallback pour le SVG
• Fit.js de Soulwire – un script JS pour placer un élément dans un autre
• TheTher – un script JS pour placer et contrôler la position d’une élément par rapport à un autre
• Instant Click – une bibliothèque JS pour charger instantanément vos pages web. (ne marche pas à la navigation clavier pour le moment)
• ScrollMagic – un plugin jQuery proposant des effets au scroll (fonctionne moyennement bien sur Firefox)

Photoshop

• Random User – extension pour générer des calques « d’Ui utilisateur » automatiquement.
• PSDiff – photoshop diff
• Ink – ink, un plugin Photoshop (CS6 et CC) pour créer une petite documentation de vos PSD à destination des intégrateurs/dev-front

Ressources Logo/identité

• 30 free vintage logo template – 30 templates de logo vintage gratuits
• Type Finder – trouvez une police de caractère adaptée en répondant à quelques questions
• Glyphr – Glyphr, créez votre fonte grâce à cet éditeur
• Prototypo.io – un projet d’éditeur de fonte plutôt sympa (bientôt ouvert)

Outils

• Glyphter – créez votre fonte par glisser/déposer de fichiers SVG
• Stack Icons – des icônes fontes avancées pour les webdesigners (avancés aussi)
• Peek Usertesting – regardez une vidéo de 5 minutes d’une vraie personne qui teste votre site web.
• Wireframe kit – un kit de wireframe (pas compatible CS4)
• Stylify Me – créer un Style Guide basique à partir d’une page Web.
• Site Cake – un CMS en simple drag&drop

Inspiration et conseils

• LesPourquoisDuDesign.com – les pourquois du design, des réponses aux questions « clients » déjà posées et reposées.
• DoisJeUtiliser.fr – des contre-exemples ergonomiques sur des demandes « clients » classiques (slideshow, popup, Masonry, etc.)
• Google – Infinite scroll – conseils de Google pour mettre en place un Infinite Scroll (article en anglais)
• Geisha.io – petites inspirations graphiques quotidiennes
• Appitize Us – inspiration pour vos applications smartphone
• Logo Vol 1 – des logos mis en animation

Code & démonstrations

• Responsive fixed one page nav – une navigation fixe Responsive plutôt bien pensée
• SVG sprites – des sprites SVG pour de meilleures icônes (article en anglais)
• Animatron – créer des animations avec cet éditeur en ligne
• Flipping countdown – un « flipping countdown » réaliste animé
• Best email campaigns – les 100 meilleurs e-mail marketing de 2013

Contenu très anglophone pour cette fois ci 🙂
Bonne lecture !