Más de 20 generadores de CSS3 gratuitos
Ayer comentaba sobre algunos generadores y otras herramientas útiles para el tema del CSS3, y hoy mismo me encuentro otro artículo similar con algunos generadores más, así que paso a comentarlo. Se trata de 20+ Free CSS3 Code Generators, de DesignsHack, donde comentan que uno de los problemas más grandes con todas las propiedades CSS3 nuevas es que la mayoría de ellos tienen múltiples implementaciones específicas del navegador. Esto significa que cuando deseamos una simple sombra, tenemos que recordar un poco de código para hacerlo compatible a través de mayor número de navegadores posible.
Para ayudar con esta tarea, un grupo de intrépidos programadores han creado herramientas interactivas que proporcionan interfaces de usuario sencillas que nos proporcionan el código que necesitas con un resultado final completamente personalizable.
A continuación encontrarás esos generadores CSS3:
• CSS3 Generator. Definitivamente una de las opciones más populares. Todos los efectos son totalmente personalizables y se puede elegir entre las propiedades más populares del CSS3.
• CSS3 Please. Otra opción muy popular, éste le permite editar el código al igual que lo vería en un editor de código. Los cambios se reflejan en un gráfico en la parte superior derecha.
• CSS3 Click Chart by Impressive Webs. No es muy personalizable (haz clic para ver el código), pero probablemente el más completo en la lista en cuanto a número de efectos cubiertos.
• CSS-Tricks Button Maker. Una excelente herramienta para crear botones, sólo tienes que usar los cursores para cambiar sus propiedades.
• Border Radius. Una de las opciones más elegantes para realizar un borde o esquina redondeada, sólo tienes que escribir un solo número y esa herramienta hace el resto.
• Font Squirrel @Font-Face Kit Generator. Esta es una de las mejores herramientas para el tema de la tipografía web, carganos un tipo de letra y la herramienta nos da todo lo necesario para incrustar en cualquier sitio web, incluyendo HTML, CSS, así como varios formatos de archivo tipográficos.
• Westciv. Esta página tiene una serie de útiles generadores de CSS3 que son gratuitos y fáciles de usar. Échale un vistazo a los que muestro a continuación: CSS3 Gradients ; CSS3 Text Shadows ; CSS3 Transforms ; CSS3 Text Stroke ; CSS3 Radial Gradients y CSS3 Box Shadows .
• CSS3 Gradient Generator. Con solo usar un control deslizante nos ayuda a crear degradados complejos.
• Widgetpad CSS3 Generator. Otro con varias propiedades y efectos para elegir.
• Border Image. El borde de una imagen es un tanto complicado con las nuevas funciones CSS3. Averigua cómo funciona todo con el uso de esta herramienta.
• Dry Icons Button Generator. Un generador de botón realmente impresionante con un montón de opciones.
• CSS Corners. Éste se ocupa actualmente de los degradados y esquinas redondeadas y promete más opciones para el futuro.
• CSS3 Maker. Con un gran número de trucos CSS, es fácil de usar con las opciones que nos ofrecen para cada uno de ellos, al final solo tenemos que copiar su codificación.
• CSS3 Rounded Corner Generator. Otro generador para el tema de las esquinas redondeadas
• CSS3 Menu Generator. Ésta es en realidad una aplicación descargable de pleno derecho para la creación de complejos menús CSS3 con esquinas redondeadas, degradados y más cosas.
• CSS3 Column Generator. Uno de los pocos generadores de la columna que pudes encontrar. Es muy sencillo de manejar y bastante fácil de averiguar el código para copiar y pegar.
• Quick 3-Color CSS3 Gradient Generator. Un generador de gradientes CSS que ya he comentado en otra ocasión, combina hasta tres colores y es muy sencillo de manejar.