Les ressources du Web #17

Grosse sélection de fontes cette semaine, mais également d’astuces, outils et d’articles à propos de CSS. Composez également votre premier jeu en HTML5, et découvrez Sprint JS une bibliothèque bien plus rapide que jQuery proposant la même syntaxe, entre plein d’autres choses.

HTML

• Email Framework – construisez vos e-mails à partir de briques déjà expérimentées.
• Your first HTML5 Game – construisez votre premier jeu en HTML5 grâce à ce tutoriel.

CSS

• PurifyCSS – ne gardez que les CSS utiles de votre feuille de styles.
• Glimpse on native scroll – un effet de débordement intéressant en CSS.
• Animated grid layout – un effet d’éléments de grille animé très sympa.
• Flexbox visual guide – (re)découvrez flexbox grâce à ce guide imagé.
• How to center in CSS – un guide interactif pour centrer des choses en CSS.

JS

• Layzr – un script léger et sans dépendance pour du lazyload.
• Sprint.js – une bibliothèque copiant l’API de jQuery (rétro-compatibilité) mais en beaucoup plus performant.
• GradifyCSS – un script JS qui remplace une image par un dégradé (CSS) de ses couleurs.
• Enhance JS – propose un effet de zoom d’image au sein de la page plutôt sympa.

Ergonomie

• Let your users wait – un très bon article sur « l’utilité » de l’attente.
• Filterable Product Grid – une idée de présentation de produit à la « masonry »

Graphisme

• Trianglify Generator – générer une image avec des triangles et un dégradé de couleurs.
• Kubist – transformez une image avec un effet « cubique ».
• Interactive Coloring Concept – un concept intéressant  de colorisation d’interface.
• Isometric material icons – inspiration pour des icônes de matos informatique en isométrique.
• Coverr – ressources vidéos gratuites pour vos bakgrounds de page d’accueil.

Typographie

Une petite sélection des fontes que j’apprécie issue de l’excellent article de Tuto.com. Merci à Christine d’avoir relayé l’info 😉

• Ailerons Typeface – une fonte droite très classieuse
• Archive Typeface – une fonte sans-serif épaisse et ronde sympa
• Bariol Family – une famille de fontes rondes toute en courbes
• Bauru – une fonte serif classieuse idéale pour un esprit mode ou luxe inspiré des Didone.
• Choplin – une Slab serif géométrique
• Glamor – une fonte glamour et chic
• Kanji – une belle famille sans-serif typée
• Metropolis – une fonte structurée et géométrique très architecturale
• Monthoers – une fonte avec un aspect plutôt vintage
• Moon – une fonte droite très simple
• Nickainley – une fonte scripturale à ligne unique

Outils

• Swan Gallery – un outil pour créer des galeries pour vous, photographes.

Enjoy !