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.
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 ?
J’espère que ces deux outils vous seront utiles. Bonne intégration à tous !