35 techniques CSS impressionnantes…
Même si beaucoup ne jurent que par le flash et l’ajax pour donner du style à leurs sites, certaines techniques CSS peuvent s’avérer tout aussi impressionnantes. Et encore une fois, c’est le magazine en ligne Tripwire qui nous le prouve avec cette sélection de plus de 35 techniques tout simplement époustouflantes. De quoi réviser ses classiques et découvrir de nouveaux horizons.
Comme vous le savez peut-être déjà, votre humble serviteur n’est pas un grand passionné du flash. Devoir faire installer aux internautes un plugin pour les faire bénéficier de sympathiques effets, c’est quelque chose d’assez angoissant. Du coup, je m’intéresse déjà plus à l’ajax, mais qui n’est pas non plus sans défaut. Il suffit ainsi que les internautes désactivent l’exécution du javascript dans leur navigateur pour que tout tombe à l’eau.
En matière d’accessibilité, et à mon sens, il n’existe rien de mieux que les CSS. Normal, puisqu’on peut compter sur ces dernières pour qu’elles soient prises en compte par les navigateurs toute circonstance. Même s’il arrive parfois que nos chers navigateurs ne les interprètent pas tous de la même manière, cela va sans dire… Et au passage, on aura encore une grosse pensée émue pour Internet Explorer 6…
Et le fait est qu’on peut faire beaucoup de choses en CSS : des menus sympathiques, assez riches, des graphiques, des effets sur le texte, sur les liens, sur les calques, sur les images et tout ça sans bouffer trop de ressources. Après, bien sûr, il est toujours possible d’ajouter quelques effets supplémentaires en javascript mais le fait est que les CSS, à elles toutes seules, s’avèrent à la fois bien pratiques et de plus en plus étonnantes.
Cette sélection de Tripwire Magazine vous permettra d’apprendre certaines techniques fort utiles. En ce qui me concerne, j’ai surtout retenu les ombres portées, les coins arrondis ou encore l’étiquetage de certains liens en fonction du type de documents vers lequel ils pointent. Alors ce ne sont que des détails, certes, mais c’est justement ce qui différencie un site réussi d’un site bâclé.
Allez, je vais te donner l’adresse ultime à connaître en matière de CSS ( si tu ne la connais pas déjà )
http://www.cssplay.co.uk/
Là, tu trouveras des menus, des arrondis, des boites, des galeries d’images, des …. j’arretes, la liste est trop longues.
Tout ceci réalisé en CSS, et tout ça visible par tous, il suffit de choisir un truc, regardez le code source, et recopier une partie.
Bien sur, l’auteur de tout ces trucs qu’il développe lui même adore les remerciements ou un petit lien vers son site de temps en temps.
Mais chutttttttt, tu ne le répète à personne hein ? :D
@philippe: Yep, je ne connaissais pas et je dois dire que ce n’est vraiment pas mal du tout. Merci beaucoup pour le lien ;)
Pour un peu, tu mériterais presque un gros bisou, tiens… :mrgreen:
tu ne connaissais pas ce site Fred… non… Incroyable, suffit de chercher un menu en css dans google pour tomber dessus :mrgreen:
Je voulais à la base rebondir sur le javascript, 99% des navigateurs l’activent par défaut donc bon pour les pc… ;)
Là où ça devient genant c’est avec les smartphones, pas mal sont limités, rien que dans certaines fac pas moyen de se connecter vu que c’est avec un pop up et que c’est pas supporté par tout les telephones…
En tout cas, sympa comme petit lien, de jolis truc à découvrir ou redécouvrir :)
Je suis vraiment tombé dans les CSS quand j’ai découvert ZenGarden et je suis toujours plus accro. Rien de mieux pour réaliser un site sympa et léger – sans parler du reste : accessibilité et tout ça. :smile:
On n’en parlera jamais trop !
Il y a des techniques impressionnantes là dedans…
Des noms! Quelle est cette boite qui t’as pris pour un débile?
Je peux pas en parler, c’est encore très difficile pour moi. Et puis si j’en parle, après ils vont envoyer des gens pour me castrer alors je préfère éviter histoire de pouvoir m’assurer un jour une descendance.
Ok, je comprends… Sinon j’ai 1m93 qui peuvent écraser les vilains castreurs d’avance, ainsi pû de souci :)
Super lien, merci !
@Morgan: Mes 1m90 sont pas mauvais non plus mais bon, s’ils viennent à plusieurs, on ne sait jamais. Et je ne peux pas vraiment compter sur mon chat narcoleptique pour me défendre…
@Technologix: De rien ;)