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.

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…

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 de plateforme 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

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

Vous êtes allergique à PhP ? Bienvenue au club… A par coder en dur, il n’est pas prévu de pouvoir intégrer un simple formulaire dans un site SPIP ; on peut toujours bricoler une pages statique, bien que l’on s’éloigne de la philosophie originelle du CMS éditorial.
En fait, les formulaires sont bel et bien implémentés : ils sont prévus à l’origine pour correspondre avec les auteurs et sont extrêmement complets et fonctionnels : l’astuce consiste à détourner l’usage de l’un de ses formulaires-auteurs. La mise en place ne prends que quelques secondes, avec une manipulation minimum des squelettes.

LIRE LA SUITE

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