background preloader

Outils

Facebook Twitter

Le Kit du parfait Webdesigner #1 - Blog Du Webdesign Magazine. ..:: Free images gratuites ::.. Banque images gratuites libres de droits, annuaire graphique, tutoriel photoshop, télécharger images gratuites libres de droits. Le meilleur du web en 2010. 34538064.jpg (Image JPEG, 381x537 pixels) CSS & Design Gallery. Media Queries. Gary's Social Media Count.

Click for App Store Page Original Counter and Post from 24 Sep 2009! June 2013 ‘Social’ Update (mobile, games & heritage to come) June 2012 ‘Social’ Update August 2011 Update ABOUT Living statistics – Many of us who have been following social media since the early 90s are very sensitive to today’s exponential growth in usage of the sharing web. Inspired by other cool real time counters, Social Media Industry Head, Laurel Papworth, my own Rise & Rise of Social Media presentations and various ‘cool’ videos (you know the ones) I decided to put together this little Flash app (which is in constant development) showing how active & dynamic the Social Web, Mobile Industry and Game Business is.

If you want to embed this on your page just click the button in the bottom left of the app to copy the code to your clipboard OR use the code/s in the boxes at the bottom of this post. UPDATED/REARRANGED Jan 2011 – TAKING INTO ACCOUNT VARIOUS 2010 STATS Some of the sources for the mobile counter. PNG Icons & Icon Packs Download | IconsPedia - Free Icons. Outils de prototypage d’interface [ Usaddict : Ressources sur l’ergonomie des interfaces (le blog Usabilis) ] Pour élaborer rapidement et concrètement l'agencement de l'information (et le zoning) et des fonctionnalités d'une future interface, le maquettage en fil de fer (wireframe) est souvent un passage obligé de l'approche ergonomique.

Comme le dit Jean-François Nogier dans son ouvrage : "Le prototypage est la clé de voûte du développement itératif". Que l'on soit à l'aise ou non avec un crayon à papier, quand un client veut pouvoir se représenter concrètement sa future interface, l'esthétique du wireframe a tout de même son importance. De nombreux outils sont à portée de souris et tout dépend de ce que l'on veut en faire. Je vous en propose donc quelques uns, du plus basique au plus étoffé, du plus statique au plus fonctionnel (n'hésitez pas à nous en suggérer d'autres!). Il existe encore un bon petit nombre d'applications susceptibles de vous convaincre de l'utilité du maquettage dans une phase de conception, citons notamment :FluidIA, Foreui, Microsoft Expression – Sketchflow. Transformez n’importe quel site en wireframe.

Wirify est un bookmarklet qui permet de transformer n’importe quelle page web en wireframe, d’un clic de souris. Pour être précise, le résultat est davantage un « zoning » qu’un « wireframe » : ce petit outil met en évidence les blocs constitutifs, en nuances de gris, dégageant les principales zones de contenu ( zonning ), sans le détail des éléments qui les remplissent ( wireframe ). L’encyclopédie Wikipédia vue par Wirify Ainsi utilisé, après coup, sur n’importe quel site existant, ce petit outil servira surtout de source d’inspiration.

The New York Times vu par Wirify Pour l’installer, il suffit de glisser le lien « Wirify by Volkside » (depuis le site de l’agence qui le distribue) dans votre barre de favoris. La meilleure façon d’exporter l’armature est d’enregistrer la page comme une image.