.design .design

Magie des Internets – Inspirations, tutoriels et ressources – 9

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

.design
.design

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.

Mockup Designer

Animation CSS3 de toute beauté

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

Animation CSS3 de toute beauté

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.

Jeu d'échecs en CSS3

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.

Method Draw - Editeur Web de SVG

Exemples de parcours utilisateur sur des apps mobiles

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

Exemples de parcours utilisateurs sur des apps mobiles

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.

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

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.

Simulez les interactions de la nature avec le framework JavaScript FloraJS

Guide interactif sur la typographie pour le Web

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

Guide interactif sur la typographie en Web design

jQRangeSlider

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

jQRangeSlider

xCharts

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

xCharts

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.

Iconify.it - Des centaines d’icônes gratuits

Accédez au meilleur des interfaces directement depuis votre boîte mail

Pixels à explorer