2 générateurs CSS pour se faciliter la vie

Voici une sélection d’outils pour les intégrateurs HTML et CSS, qui vous permettront de gagner du temps. Qu’il s’agisse de générer des ombres avec box-shadow, ou des coins arrondis avec border-radius, ces générateurs proposent une interface graphique pour paramétrer visuellement les ombres ou coins arrondis d’un bloc. En un clic ils vous donnent le code css à copier-coller dans votre feuille de style. Je les utilise quotidiennement !
En option vous pouvez rajouter les préfixes correspondant à certains navigateurs : compatibilité garantie.

Générateur de coins arrondis

Disponible sur le site supportduweb.com, ce générateur simple permet de régler la bordure, le border-radius (pour chaque coin), et le background-color de votre bloc.

http://www.supportduweb.com/generateur-coins-arrondis-border-radius-moz-webkit-css3-rounded-corner-code.html

Illustration d'exemple border-radius generator

Simple, efficace, il n’y a pas de petites économies de temps quand on intègre une page web !

Générateur d’ombres box-shadow

Toujours sur supportduweb.com, un autre outil très utile, le générateur d’ombres. Clairement, paramétrer une ombre directement à la main est un peu… fastidieux (exemple : box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); ).

Avec cet outil, tout se fait visuellement et est récupérable en un copier-coller, plutôt pratique, non ?

http://www.supportduweb.com/generateur-ombre-css3-box-shadow-code-webkit-moz-ombre-portee-flou-simple-generer-propriete-css3.html

Illustration d'exemple Box shadow generator

J’espère que ces deux outils vous seront utiles. Bonne intégration à tous !