Chaque semaine, un condensé d’articles, de ressources et diverses trouvailles glanées aux quatre coins des Internets.

Au sommaire :

• Des animations en CSS3,
• Un jeu d’échecs en 3D,
• Des éditeurs Web de SVGs et de wireframes,
• Un guide interactif sur la typographie Web,
• Des centaines d’icônes gratuites en vecto.

Si vous souhaitez recevoir quotidiennement votre part du butin, n’hésitez pas à nous suivre sur Twitter et sur Facebook ou à vous abonner à notre flux RSS.

Mockup Designer

Un éditeur Web de wireframes. Simple et pratique.

Animation CSS3 de toute beauté

Une explication enrichissante sur l’animation d’objets en CSS3 : les avantages et surtout les contraintes.

Jeu d’échecs en CSS 3D

Jouez aux échecs en CSS. 3D CSS hartwig Chess Set est un jeu d’échecs interactif réalisé entièrement en CSS. 4 thèmes graphiques sont disponibles. Le plateau suit le mouvement de votre souris. Le rendu d’ensemble est impressionnant et pédagogique. Un guide désigne les mouvements autorisés pour chaque pièce sur le plateau. A tester sur Chrome.

Method Draw – Editeur Web de SVG

Method Draw est une réplique de SVG Editor, une application d’édition de SVG en ligne. L’objectif de Method Draw est de proposer une utilisabilité plus fluide que sa grande soeur en réduisant le nombre d’options disponibles. Le résultat n’en est pas pour autant moins intéressant.

Exemples de parcours utilisateur sur des apps mobiles

Retrouvez sur UX Archive les principaux chemins de navigation des applications mobiles les plus populaires.

Testez votre ligne de flottaison sur différentes résolutions

La question qui revient sans cesse : où se situe ma ligne de flottaison ? Ne cherchez plus, Foldtester vous apporte la réponse pour les résolutions les plus courantes du Web.

Simulez les interactions de la nature avec le framework JavaScript FloraJS

Comment reproduire et présenter les comportement et les propriétés émergentes de la nature via des lignes de codes ? Vince Allen l’a fait en proposant FloraJS. A tester sur mobile doté d’un accéléromètre pour plus de réalisme.

Guide interactif sur la typographie pour le Web

Si vous ne comprenez rien au Grand Dogme des typographes du Web, voici le guide interactif.

jQRangeSlider

Intégrez facilement des sélecteurs de données, de dates, etc.

xCharts

Améliorez la lisibilité de vos données. xCharts, une librairie JS permettant de transformer des datas en graphes et en courbes.

Iconify.it – Des centaines d’icônes à télécharger gratuitement

Pour le print, le Web et les applications : Iconify.it, une mine d’or.

ITEMS RELATIFS : RESSOURCES