Une bonne antisèche des principales propriétés html5 et css3, c’est toujours utile. Même si aujourd’hui seules les dernières versions des navigateurs dignes de ce nom les interprètent, il peut être intéressant de découvrir les possibilités offertes par ces futurs standards. Utiliser moins d’images pour réduire le poids des pages et donc le temps de chargement est important, mais pour l’instant impossible sans délaisser les internautes équipés de vieux navigateurs.
Les coins arrondis
background-color: #cccccc;
border: 1px solid #999999;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 15px 15px 15px 15px;
Box shadow
background-color: #cccccc;
border: 1px solid #999999;
box-shadow: 3px 3px 3px #aaaaaa;
-moz-box-shadow: 3px 3px 3px #aaaaaa;
-webkit-box-shadow: 3px 3px 3px #aaaaaa;
padding: 15px 15px 15px 15px;
Rotation des contenus
width: 200px;
transform: rotate(30deg);
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
Je vous laisse découvrir la suite de ce pense bête sur le site de l’auteur :HTML5/CSS3 CheatSheet
Restez un peu plus longtemps, et prenez le temps de lire aussi :
Sept
A Propos
Je suis un concepteur et développeur web à Grenoble. Je développe essentiellement avec le CMS Spip. Actuellement en contrat chez Territorial, je continue ma veille technologique, et vous fais partager ce que je trouve utile et pratique.
