Uno de los mayores problemas con todas las nuevas propiedades de CSS3 es que la mayoría de ellas tienen implementaciones múltiples específicas del navegador. Esto significa que cuando quieres una sombra simple, debes recordar un poco de código para que sea compatible con la mayor cantidad de navegadores posible.
Para ayudarlo con esta tarea, un grupo de codificadores intrépidos han creado herramientas interactivas gratuitas que proporcionan interfaces de usuario simples que escupen todo el código que necesita con un resultado final totalmente personalizable. A continuación encontrará más de veinte de estos generadores de CSS3.
Generador CSS3
Definitivamente una de las opciones más populares. Todos los efectos son totalmente personalizables y puede elegir entre todas las propiedades populares de CSS3.
CSS3 por favor
Otra opción muy popular, esta le permite editar el código tal como lo vería en un editor de código. Los cambios se reflejan en un gráfico en la parte superior derecha.
CSS3 Haga clic en gráfico por Webs impresionantes
No es muy personalizable (solo haga clic para ver el código) pero probablemente sea el más completo de la lista en cuanto al número de efectos cubiertos.
CSS-Tricks Button Maker
Un excelente pequeño fabricante de botones de Internet, Chris Coyier. Sólo tiene que utilizar los controles deslizantes para cambiar las propiedades.
Radio de la frontera
Una de las opciones más elegantes para establecer un radio de borde. Solo ingresa un solo número y se hace el resto.
Font Squirrel @ Font-Face Kit Generator
Esta es, con mucho, mi herramienta favorita en la lista. Cargue una fuente y esto escupirá todo lo que necesita para incrustarla en un sitio web que incluya HTML, CSS y múltiples formatos de archivos de fuentes. ¡Definitivamente querrás marcar este!
Westciv
Westciv tiene varios generadores de CSS3 útiles que son gratuitos y fáciles de usar. Échales un vistazo a continuación.
- Gradientes CSS3
- Sombras de texto CSS3
- Transformaciones CSS3
- Trazo de texto CSS3
- Gradientes radiales CSS3
- CSS3 Box Shadows
Generador de gradientes CSS3
Use unos cuantos menús desplegables simples y un control deslizante que ayuda a crear gradientes complejos.
Widgetpad CSS3 Generator
Otro con varias propiedades y efectos para elegir.
Imagen de la frontera
Imagen de borde es una característica CSS3 bastante complicada. Averigua cómo funciona todo usando esta herramienta.
Generador de botones de iconos secos
Un generador de botones impresionante con un montón de opciones.
Esquinas CSS
Este actualmente maneja gradientes y esquinas redondeadas y promete más opciones en el camino pronto.
Creador CSS3
Súper ingenioso y fácil de usar, este maneja bastantes trucos CSS.
Generador de esquinas redondeadas CSS3
Otro generador básico de esquinas redondeadas.
CSS3 Menu Generator
Esta es en realidad una aplicación descargable completa para crear menús CSS3 complejos con esquinas redondeadas, degradados y más.
Generador de columnas CSS3
Uno de los pocos generadores de columnas que pude encontrar (CSS3 Generator también hace columnas). Este no está en inglés, pero aún es fácil de entender y el código que escupe es, por supuesto, completamente legible.
Generador de degradado CSS3 rápido de 3 colores
Un último generador de gradientes de CSS, en caso de que el 10 o más arriba no satisfaga su deseo de gradiente.
Conclusión
Espero que las herramientas anteriores te ayuden a aprender a ser un maestro de CSS3. Para una mayor bondad de CSS3, echa un vistazo a CSS-Infos y CSS3 Pie. CSS-Infos es una gran lista de propiedades CSS junto con lo que los navegadores las admiten y CSS3 Pie es un recurso para que los viejos IE antiguos muestren CSS3 correctamente.
Deje un comentario a continuación y déjenos saber cuáles son sus generadores de CSS favoritos y si los omitimos.