Webdesign : les tendances de la rentrée

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…

Trois problèmes de CSS et leurs solutions

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…

Rollover déportés tout en CSS !

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

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…

La caractéristique commune de ces sites est d’être ego-centrés sur le web ! Bien loin de m’en plaindre, j’en tire un profit quasi-quotidien, ce qui me permet à mon tour de faire circuler les bons plans.

Lire la suite…

La beauté des CSS

Y-a-t’il encore des webdesigners qui ne connaissent pas le Jardin Zen CSS ? Seulement ceux qui vivent sur une autre planéte depuis environ cinq ans… Et pour les autres, tant mieux : il n’y a pas de mal à se faire du bien.

Attention, le talent n’est pas fourni avec le code source…

Tant que j’y suis, quelques liens vers des sites vraiment complets et bien foutus, d’un usage indispensable pour l’inspiration et la culture CSS ;-)

Lire la suite…