Ma
Revue
Web

Le design 2012 ? C’est le responsive design ! Explications d’un concept nouveau.

Souvenez-vous en ce début d’année comme nous avons été bombardés d’articles insistant sur l’importance de faire évoluer les sites web vers des versions mobiles : pourtant, déjà avant cela, le concept de responsive design qui répond tout à fait aux exigences des nouvelles technologies était sur toutes les lèvres. …

Pratique : Les générateurs de CSS3

Avec les dernières avancées CSS3, de nombreux effets qui demandaient autrefois le maniement de Photoshop sont désormais directement codable en CSS.

Il est cependant toujours un peu difficile de visualiser des effets graphiques (ombrages, dégradés…) en regardant une ligne de code. Cette liste de générateurs CSS vous permettra d’obtenir facilement les effets de style désirés via une interface graphique, et d’extraire le code CSS correspondant.
…

Télécharger des centaines d’icones gratuitement

Lors de la confection d’une nouvelle interface web pour un client, une des parties préférées des designers se situe au niveau du raffinement graphique de la maquette.

C’est souvent lors de cette étape que les drops shadows, les lignes stylisées, les textures, et les icônes sont utilisés.

Pour un designer, l’accumulation de matériel graphique comprenant par exemple, une gamme d’icônes différents, facilite la recherche à trouver les ressources pertinentes au style général de la maquette.

Voici donc une liste de plusieurs centaines d’icônes à télécharger gratuitement pour vos dossiers! …

Sites web mobiles : 30 Exemples d’interfaces ergonomiques et conviviales

L’explosion du mobile exige de la part des développeurs web d’élargir leurs connaissances et de s’adapter aux différents standards web des plateformes mobiles distinctes : téléphones intelligents et tablettes mobiles.

Bien que les buts premiers d’un site web resteront les mêmes d’une plateforme à une autre, l’expérience usager, elle, sera bien différente. Sur un appareil mobile, il existe quelques différences majeures telles que le principe de navigation, la résolution d’écran et l’ergonomie du site web.

Vous trouverez dans cet article quelques exemples de sites mobiles très efficaces, plaisants à naviguer et très ergonomiques ayant trouvé la recette parfaite pour s’adapter aux différentes plateformes disponibles. …

Siang Ching – Le projet Pattern Matters

Siang Ching est une designer-illustratrice qui habite la ville de Singapour.

Son amour pour les modèles (que l’on appelle plus couramment « patterns ») ainsi que pour les créations faites à la main est à l’origine de son projet Pattern Matters.

Ce qui poussa Siang Ching à développer ce projet, en plus de cette passion, était le fait de vouloir inspirer les autres designers à explorer de nouvelles avenues offertes par les patterns ainsi que d’attribuer plus d’importance à l’exploration tactile dans les projets de design graphique en général.

Un beau défi qui créa un projet tout à fait sublime. …

Adepte de l’application Draw Something? Collection de dessins poussés à l’extrême!

L’application « Draw Something » de OMGPOP connait actuellement un succès international. Celle-ci fut téléchargée plus de 50 millions de fois en seulement 50 jours!

Avez-vous des illustrateurs parmi votre liste d’amis qui vous dessinent des oeuvres d’art lorsque vous y jouez? Peut-être en êtes-vous un (ou une) vous-même? Voici une collection de dessins poussés à l’extrême qui deviennent de superbes illustrations pour les spectateurs à l’autre bout de l’écran. …

Metropolis 1920 : Nouvelle typographie gratuite à télécharger

La superbe typographie Metropolis 1920 est l’oeuvre du designer australien Josip Kelava. Ce dernier a effectué ses études à la faculté de design de l’université de Swinburne également en Australie.

L’idée de créer cette police de caractère fut inspirée du mouvement industriel des années 1920 et de l’arrivée des grattes-ciel. En utilisant la technique des lignes doubles, celui-ci voulut donner une touche Art Déco au style général de sa typo.
…

Sites web interactifs en jQuery qui rock!

L’arrivée du jQuery en 2006 bouleversa le monde du web que l’on connait aujourd’hui.

L’utilisation des effets parallax, les centaines d’animations plus surprenantes les unes que les autres, l’utilisation de galeries « slideshow », etc., font en sorte de rendre le web plus vivant tout en gardant une rapidité d’exécution ce qui n’était pas toujours le cas avec les sites web programmés en Flash.

Dans cet article, vous trouverez une superbe liste de sites web en jQuery comprenant des effets d’animation splendides utilisés en grande partie pour le système de navigation à travers les pages. …