Clever Garden

"More often than not, the mobile experience for a web application or site is designed and built after the PC version is complete. Learn the three reasons web applications should be designed for mobile first instead: mobile is exploding; mobile forces you to focus; and mobile extends your capabilities."

Bounce is a fun and easy way to share ideas on a website. Made by ZURB.

Le Pixel Art et l'illustration technique sont basés sur la perspective isométrique. Concevoir une illustration technique, un décor ou un personnage en pixelart peut paraître simple comme ça mais finalement devient vite assez compliqué et fastidieux. Nous verrons dans ce tuto, comment concevoir rapidement une grille isométrique repère, celle-ci vous servira par la suite pour toutes vos conceptions en 3D isométriques.

Longtemps parent pauvre de l'e-commerce, le sound design des sites est en pleine évolution. Vecteur d'émotion mais aussi facilitateur de navigation, le son intéresse de plus en plus annonceurs et agences interactives. Dans un but : sceller l'identité de la marque ou du site, et faire vivre des expériences singulières à l'internaute.

"Vector based icons created to aid in the design, development, implementation and promotion of multi-touch interfaces. These icons will aid in the creation of wire-frame documents, digital help files and printed documentation."

Un cours de webdesign, exemples à l'appui

The Colour Contrast Check Tool allows to specify a foreground and a background colour and determine if they provide enough of a contrast "when viewed by someone having color deficits or when viewed on a black and white screen"[W3C].

Permet de déterminer si le contraste entre les couleurs de la typo et du background sont suffisamment contrastées pour une lecture aisée. Tient compte de certain déficit visuels.

Converticon is a simple icon utility. It can import ICO, PNG, GIF, and JPEG formats and export to high-quality PNG or ICO files. There is no software to download and it's 100% free.

Un plugin jQuery qui permet de prendre en charge les balises et de HTML5 dans tous les navigateurs, avec utilisation de Flash ou Silverlight pour le support de certains codecs. Semble magique, et est cité en exemple par des personnes recommandables comme Jake Archibald et Paul Irish...

surtout des générateur de palettes, qui exportent des fichiers Ase, .aco ou CSS.

"Should you scroll or flip pages on the screen?"

La technologie de recherche visuelle apportée par DooG ne nécessite l'application d'aucun tag ou aucun code barre 2D pour fonctionner. 100% du support indexé est doogable.

"La mise en place d'une charte graphique et éditoriale est assez chronophage, c'est pourquoi elle est souvent réservée aux projets importants. Mais sa rédaction tout au long de la phase de conception peut s'avérer une aide précieuse pour éviter la dispersion et formaliser les choix créatifs au fur et à mesure de leur cristallisation."

Un excellent effet lié au scroll, à voir !

7 articles de fond sur le rendu des polices et les divergeances en fonction des OS et des navigateurs.

Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design

je me suis trompée de lien....voici le bon. http://www.typefolly.com/#cb3 mais le lien donné par erreur est très intéressant quand même :)