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é.
17 commentaires
Certaines balises HTML sont autorisées. N'hésitez donc pas à faire des liens ou à mettre en forme votre texte. Dans tous les cas, veillez à rester correct, courtois et agréable.
Laisser un commentaire
Si vous avez aimé cet article ou que vous souhaitez tout simplement en discuter, n'hésitez pas à réagir et à laisser un commentaire, ça fait toujours plaisir !
Un iPod nano sans son rond circulaire de...
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 ?
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 ce…
@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…
tu ne connaissais pas ce site Fred… non… Incroyable, suffit de chercher un menu en css dans google pour tomber dessus
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.
On n’en parlera jamais trop !
Il y a des techniques impressionnantes là dedans…
@Morgan: Je cherche jamais rien en CSS, j’invente et au pire je me rabats sur la théorie, pas trop sur les tutoriels. Pis bon, je ne suis pas non plus le Rain Man du web, hein, j’en suis pas encore à apprendre toutes les URL par coeur.
N’empêche, ce serait un sacré défi.
@nekomata: J’aime aussi beaucoup les CSS. Une fois, lors d’un entretien d’embauche pour une grosse boîte française que je ne nommerai pas, les gars m’ont demandé ce que je pensais de l’ajax. Je leur ai répondu que c’est chouette, que c’est parfois beau mais que tout ce que tu peux faire en CSS doit être fait en CSS. Et les mecs se sont marrés, en me prenant pour un débile de service.
Chienne de vie, tiens.
@Olivier: C’est clair, tu préfères laquelle toi ?
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
[...] 35 techniques CSS impressionnantes… [...]
Je m’insurge contre ça -> « Devoir faire installer aux internautes un plugin pour les faire bénéficier de sympathiques effets, c’est quelque chose d’assez angoissant. »
Le plugin flash est installé sur plus de 95% des postes, donc on ne fait rien installer pour la très très grande majorité des visiteurs …
Bon je suis peut-être pas très objectif si tu regardes mon blog … Qui pourtant ne contient aucun swf …
Mais bon c’est vrai qu’avec les CSS on peut faire des trucs vraiment intéressant (changer complètement la mise en page grâce à ce petit fichier texte c’est fort). Même si le CSS est souvent interprété différemment selon les navigateurs
…
@misteriron: dans mes visiteurs, ils sont 81%… :-p
@misteriron: Comme je l’ai dit, c’est juste mon point de vue. Je n’ai jamais aimé flash (mon premier site était full flash, ceci explique peut-être cela) mais je comprends qu’il en aille autrement pour d’autres. Bon, déjà , bon point pour cette technologie, elle commence tout juste à pouvoir être « lue » par les robots des moteurs de recherche.
Après, pour le reste, tout le monde n’a pas forcément le plugin d’installé (les admins réseaux le bloquent souvent pour éviter que les salariés ne passent leur journée sur des jeux en flash). En ce qui me concerne, je tiens un blog dédié aux Geeks mais il n’y a « que » 91% de mes visiteurs qui l’ont installé sur leur bécane. Ce qui veut dire que si je diffusais mon contenu en flash, 9% de mes lecteurs ne pourraient pas me lire.
Sinon, pour les CSS, t’as pas mal de hacks pour qu’elles soient lues correctement sur les différents navigateurs du marché. C’est toujours un peu chiant de devoir adapter son code mais bon…
@burningHat: Ah ouais, quand même… Encore pire que chez moi
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 ce…