Archives du mot-clef web-design

Webdesign : les tendances de la rentrée

Répondre

Avec l’essor  du web mobile – via les smartphones, boxes et tablet PC – de nouvelles normes de lisibilité, d’accessibilité et de mise en forme sont en train de voir le jour. Rien de codifié à proprement parlé, dans ce vaste « labo-foutoir » qu’est le web moderne, mais un certain nombre de tendances qui ne manqueront pas d’influencer la conception web dans les années à venir > décryptage.

Lire la suite…

Flash : 15 ans déjà !

Répondre

C’est en 1995 que naissait FutureSplash Animator, une application graphique innovante et originale qui allait bientôt devenir Flash et connaître l’évolution que l’on sait. Ce constat me ramène à la fin du siècle dernier, une époque ou je pratiquais pas mal Flash…

Lors de nos discussions entre utilisateurs, chacun y allait de son avis sur l’avenir du logiciel ; au delà des divergences d’opinion, nous envisagions tous de brillants développements pour cette application, devenue depuis le leader incontestable de la gestion de contenus animés multimédia. Lire la suite…

Trois problèmes de CSS et leurs solutions

2

Les feuilles de style sont une invention merveilleuse : en permettant de gérer de manière indépendante le contenu et la présentation de votre site, elles facilitent grandement la tâche du concepteur-designer.

Malheureusement, leur maîtrise demande une solide expérience. Qui n’a pas un jour, malgré une CSS a priori nickel, été confronté à une série de décalages flippants lors d’un changement d’OS ou de navigateur ?

Au delà des contraintes graphiques, le bon fonctionnement de vos CSS est révélatrice de la qualité de votre site. Ces quelques conseils vous permettrons de gérer un affichage parfait et une bonne structuration de vos données, quelque soit le contexte utilisateur. Lire la suite…

Un look pour mon blog ?

Répondre

La meilleure manière d’avoir la totale maîtrise de la structure et du style de son blog est de l’héberger directement ; dans un tel cas, WordPress est (à mon avis) incontournable.

Si la solution « plateforme » vous semble plus simple à mettre en oeuvre, Blogger offre sans conteste la meilleure alternative.

On appréciera la structure et l’ergonomie de l’interface d’administration, et surtout la souplesse de gestion des styles. Bref, derrière, il y a du lourd (Google…) et ça se sent un peu…

Lire la suite…

Rollover déportés tout en CSS !

1

Tombé par hasard sur ce code en fouinant sur le génial site css-tricks. L’astuce est de gérer une double zone de roll-over grâce aux CSS. Cela permet de mettre en relation une image et sa légende de manière très évidente et absolument propre.

remote_link1

Si vous préférez les images à droite et les légendes à gauche, pas de problème ; les images sont positionnées en absolute. Vous définirez quatre zones d’interactivité complètes, incluant texte et image, dans une ancre <a></a>. Il faut donc quatre identifiants précis pour ces div ; le reste n’est qu’une affaire de décoration : couleur, typo, border.

On peut voir l’exemple ici ; débrouillez-vous pour récupérer la source…

Le meilleur de ma blogosphère 2008

4

OK, la saison des cadeaux est finie… Mais comme je suis un gars sympa, je vais vous faire profiter de quelques unes de mes meilleures sources d’info en ligne. Elles concernent bien évidemment la com, le web – social, technique (non, la CSS n’est pas un nouvel impôt…) ou graphique -, les réseaux et le multimédia. Si vous êtes concernés, suivez le guide…

Lire la suite…

Ajax fait briller le web !

1

Certainement l’un des designs les plus remarqués de l’année ! L’excellente équipe de


érige la simplicité au rang d’œuvre d’art… La superposition des background, l’utilisation de scrollings en Ajax, le dépouillement de l’interface : efficacité maximum. Un peu plus de précision et de raffinement dans le travail sous Photoshop n’aurait pas nuit mais tout le reste est tellement cool… I love ‘em !

Instructif et ergonomique : dont click it !

Répondre

Un site déjà largement commenté depuis son apparition en 2005 ! Ce travail de recherche proposait de débattre d’une question ergonomique majeure, a suscité de nombreuses réactions, conformément aux souhaits de ses concepteurs.

A considérer sous un nouvel angle, au moment ou l’interface privilégiée avec notre chère machine tend à évoluer…

Essayez la manip avec le pad d’un portable ou les doigts, sur l’écran de l’iPhone ou de la PSP : il y a parfois un « accidental click » mais la navigation, très intuitive, reste rapide et précise.

Lire la suite…

Mon pote le widget ;-)

1

Et que voila un bel exemple de métaphore de l’environnement de travail ! Et sur un mode fun, en plus… Il faut aller faire un tour sur l’auto-présentation (trés) interactive du widget UPS : un tout mignon personnage se propose pour vous aider à mieux travailler avec le livreur américain. Bon, cet univers est un peu trop clean et un peu enfantin (trés « US », quoi !) mais le rendu 3D réaliste et vidéos Flash sont vraiment sympas.

Plus d’infos sur le blog du prestataire.

Tendances web-design 2008

3

Mon top 5 de ce que vous avez pu (auriez du ?) voir à maintes reprise sur le web cet année : un petit bilan des tendances look & feel en vogue…

#1 – Le logo (titre, entête) horizontal et son reflet : pas si nouveau que ça, cet effet se décline en version « graphique assez travaillé » (c’était mon souhait pour le site pixys) ou « vite fait avec le premier tuto qui passe et deux mains gauches », comme on peut le trouver partout (là, je balance…) ; Lire la suite…

A quoi sert Flash ?

3

A faire ça !!! Une pure tuerie d’idée marketing, magistralement écrite et réalisée… Tout y est, à commencer par l’effet de surprise, l’humour omniprésent, la réalisation impeccable et l’ambiance sonore débridée sur la fin… Un petit must « audiovisuel » qui démontre une fois de plus que le web sait être aussi dynamique et pertinent que les autres médias image.

Ce site marchand (!) à été repéré sur son blog par Nicolet (le presque-belge). Dommage que l’usage de la langue batave ne nous permette pas d’apprécier les textes…