CSS Galore: Herramienta online para generar códigos de estilos CSS

Hoy en día con CSS se puede hacer de todo, con un poco de código podemos hacer cosas sorprendentes y muy livianas. Para esto tenemos dos opciones: escribir el código manualmente con la consecuente pérdida de tiempo; o bien usar herramientas como las que quiero comentarles hoy, que nos permite generar códigos de estilos CSS3 en un par de clicks.

CSS Galore

Con CSS Galore podemos generar códigos CSS para divs, textos y color.

Por ejemplo, en la parte de divs tenemos border radius, box shadow, outline, etc. En la parte de textos podeos aplicar sombras, columnas, etc. Y en color podemos aplicar degradados desde una colección muy amplia.

También posee dos herramientas útiles que son el Lorem Ipsum personalizado y una opción de comprimir CSS.

Algo que me pareció muy interesante es que tienen disponible una app nativa para Windows (Linux y Mac muy pronto) con la cual podemos hacer lo mismo que con la web pero de manera más cómoda.

 

WebPutty, excelente editor CSS en tiempo real


WebPutty es una gran herramienta para los diseñadores, ya que se trata de un editor CSS en tiempo real que nos permite editar cualquier código CSS e ir viendo los cambios a medida que los vamos haciendo.

Su simplicidad de uso es lo que me gustó, ya que a medida que hacemos los cambios se van reflejando en la vista previa, además tiene la función de autoguardado, así que no perderemos los cambios si pasa algo malo.

Como si todo esto fuera poco, el sitio también ofrece el servicio de hosting del archivo CSS, con lo cual agregando una simple etiqueta en el head de nuestro sitio estaremos «llamando» a la hoja de estilos cada vez que el sitio cargue, pero lo hará desde los servidores de WebPutty. La ventaja de esto es que el CSS estará comprimido, cargará más rápido y nos ahorrará recursos en nuestro servidor.

Si no les gusta eso de tener el CSS alojado en servidores de terceros no hay problema, sólo tienen que descargar el CSS normal y subirlo a sus sitios como lo harían normalmente.

Este servicio es totalmente gratuito ya que está hecho por diseñadores para diseñadores, así que aprovechen. Mientras tanto les dejo un video demo de la herramienta.

Enlace: WebPutty

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad