Site expérimental en CSS3 et HTML5. Pour une navigation optimale, utilisez Firefox (gratuit)

Votre site en version mobile
C r é a t i o n d e s i g n
GUYOM DESIGN
★LE BLOG★
Les catégories :



★CSS3★

»Il y a 42 ressources CSS3 disponibles.«

i

Cliquez sur les boutons ci-dessous pour découvir toutes les ressources CSS3. A noter que les explications se trouvent dans les fichiers zip en téléchargement libre.

Le css c'est quoi ?

Le langage CSS (Cascading Style Sheets en anglais) est utilisé dans le but de définir l'aspect général d'un site internet, comme par exemple la couleur du fond de la page ou de la couleur du texte.

Autrement dit, le CSS (ou "feuille de style"), est un petit fichier dans lequel on trouve toutes les informations relatives au design d'un site web. Il se présente avec l'extension ".css" contrairement à une page internet de base qui se présente avec l'extension ".html" ou "htm".

Le css pour quoi faire ?

La structure (html) et la présentation (css) sont normalement construites séparément. On peut trouver le css directement sur la page html, mais ce n'est pas la méthode recommandée.

Pour faire simple, prenons l'exemple d'une maison. Le HTML correspondrait à la structure ou la fondation de la maison, alors que le CSS servirait à la décoration de celle-ci.

Le CSS sert donc à décorer : les couleurs, le texte, les images... Les feuilles de styles simplifient le code HTML, allégeant ainsi la structure et par conséquent améliorent la vitesse de chargement de la page.

Le css3 : quoi de nouveau ?

Au commencement... il y avait CSS1. Alors quoi de neuf avec la troisième version (une quatrième est en préparation) ? Sachez tout d'abord que cette version n'est pas terminée et n'est pas supportée entièrement sur tous les navigateurs, Internet Explorer en particulier.

Concrètement, que peut-on faire de plus (mieux) avec le CSS3 ?

  • -Border-radius pour les coins arrondis
  • -Text-shadow pour les ombres portées ou incrustations
  • -Transparency et Opacity pour la transparence et l'opacité
  • -Animation et Transition pour les animations (certaines animations ou transitions peuvent maintenant aisément remplacer le javascript !)
  • -Media queries (pour la redimension d'un site sur les smarphones et les tablettes)
  • Tout ceci et plus encore...