Tag Archives: css3

CSS3 Please! Votre allié lors de vos développements CSS3

29 Sep
CSS3 Please! Screenshot

The test sandbox.

Le CSS3 fait aussi partie du « HTML5« , son but est de diminuer au maximum le nombre de « hacks » et astuces basées sur l’ajout de markup non-sémantique dans des pages HTML.

Pour faire simple, grâce au CSS3, vous allez maintenant pouvoir faire des bords arrondis, des dégradés, des transitions, des ombrages, etc… sans utiliser d’image ni de javascript.

Le gain est double : le chargement de vos pages web s’en trouve accéléré et le rendu de vos pages par le navigateur sera plus rapide sans l’utilisation de javascript additionnel.

Malheureusement, certains navigateurs ne supportent pas du tout certaines propriétés CSS3 alors que d’autres ne les supportent que via des propriétés CSS spécifiques.

Le service CSS3 Please! a pour but de vous aider à simplifier votre recherche de balises compatibles entre tous les navigateurs en les regroupant via un système de « WYSIWYG » vous permettant de tester en direct le rendu des propriétés en question sur une boîte de test.

Son utilisation est très simple, vous entrez les dimensions et les couleurs de votre choix à un autre, et CSS3 Please! les met à jour dans toutes les propriétés ! Il ne vous reste plus qu’à faire un copier-coller du code vers votre feuille de style CSS et le tour est joué !

Pour chaque règle CSS, la compatibilité avec le navigateur est affichée en commentaire, à droite. Ainsi, vous pourrez vérifier directement avec les navigateurs concernés si le rendu est correct.

Le grand avantage de CSS3 Please! est d’être mis à jour régulièrement, permettant le support des derniers navigateurs sortis.

Après HTML5 Boilerplate, cet outil se doit de figurer dans vos favoris ! Vous n’aurez plus d’excuse pour ne pas utiliser du CSS3 dans vos créations graphiques maitnenant !

Wikeo a décidé de mettre à jour son interface et de faire appel au CSS3 en grande quantité !