Améliorer le CSS de son site

le 12 juin 2010 • Internet • par Mizur

Nous allons voir ici comment améliorer son site avec des codes CSS de bonne qualité, ce qui à coup sur, transformera totalement votre site !

Les scripts CSS de CSS-tricks

CSS-Tricks

(dans la rubrique "Freebies" surtout)

Si vous commencez un nouveau petit site qui se base principalement sur du HTML, du CSS et du PHP (pas de MySQL pour vous, sinon vous avez le niveau suffisant pour faire tout ça tout seul comme un grand), ou alors que vous voulez tout simplement des idées pour améliorer le site que vous avez déjà, un site en particulier propose des scripts (gratuits) de très bonne qualité pour donner des effets à vos sites, alors que les langages utilisés (CSS, jQuery, PHP) ne sont pas des plus compliqués!

Je précise que ce n'est pas moi sur la photo, mais bel et bien le créateur du site CSS-Tricks, juste un peu refait

Eh bien je vais te répondre Chris; on y trouve à la fois des scripts ET des logiciels sur navigateur qui permette la création par exemple de boutons dynamiques, en CSS, pour vos menus:

Cliquez ici pour accéder à Button Maker

Néanmoins la grande majorité du contenu du site vous donne des scripts, de bons exemples:

Propose un menu horizontal qui surligne (ou souligne) ce sur quoi l'on passe avec la souris dans le menu, avec des changements de couleurs opionnels

A voir en demo ici: Demo de la MagicLine

Créé un zoom dans un petit cadre, que ce soit sur une image, un texte, ou un graphique, tout dépend de ce que vous souhaitez faire du script [Plugin en jQuery]

A voir en demo ici: Demo du zoom

Une grille de cellules développées à la fois verticalement (comme un accordéon) ainsi qu'horizontalement pour afficher le contenu des cellules

A voir en demo ici: Demo de la grille "accordéon"

Mais aussi:

-Des menus coulissants

-Des contenus de cellules qui se déplacent

-Des cellules avec lesquelles on peut interagir

-Des slideshow (galeries de photos interactives)

-Des formulaires dynamiques

-Des fonds de site mouvants

-Des pages de login pré-construites

-Des formulaires de contact

-Des salles de tchat de bonne qualité

-Des barres de recherches pour vos sites

-Etc, etc...

Et si vous aussi vous trouvez tout ça merveilleux, et que vous priez maintenant pour que tout cela existe pour votre site sous WordPress, dites vous que dieu existe, parce qu'il y a en effets des plug-in pour vous (mais le site est beaucoup moins fun): Plug-in pour WordPress

Générer facilement des barres dégradées en CSS

Comme je vous aime bien je vous donne un autre bonus de bonne qualité de ColorZilla:

Gradient Color

Depuis cette magnifique fresque de types de degradés :

Vous allez pouvoir vous créer n'importe quel type de barre degradée en CSS, sans image !

Améliorer le CSS de son site

Les scripts CSS de CSS-tricks

Mais aussi:

Générer facilement des barres dégradées en CSS

Lisez aussi...

Créer son site en XHTML et CSS [Base]

Charger HTML ou PhP dans un fichier flash