30 generadores #css utiles para acelerar tu trabajo by @CosasSencillas

Fuente: cosassencillas.com

La codificación escrita a mano es posible que sea la mejor opción, pero no es una tarea nada fácil el tener que recordar todos los códigos de CSS y CSS3. Más teniendo en cuenta que el CSS3 ha introducido muchas nuevas características útiles y que tal vez aún no estemos acostombrados a esas novedades. Así que a veces es mejor usar los códigos empleados por los generadores en línea para el tema del CSS.

 

Los de designreflect.com, han preparado una selección de 30 generadores para los estilos CSS que son realmente útiles para acelerar nuestro trabajo, que podemos encontrar en el post 30 Useful CSS Generators to Speed Up Your Work, inspirado en esa lista, por mi parte he añadido un comentario breve de cada uno de esos generadores.

 

Con estas prácticas herramientas ya no es necesario recordar algunas de las propiedades CSS, con estas herramientas en línea, sólo tendrás que introducir los valores y luego pulsar en el botón correspondiente, y recibirás el código que puedes añadir a tu proyecto Web.

 

Cada una de estas herramientas están especializadas en un trabajo en concreto de las muchas propiedas con que cuenta los estilos CSS, y por lo tanto puede generar los códigos de manera profesional y bien escritos. Son muy fácil de usar y cada una de esas herramientas dispone de diferentes parámetros para su configuración, además tienen una vista previa para ver los resultados, así que es muy sencillo en jugar con ellas y experimentar.

 

Esta es la lista de los generadores y herramientas en línea recomendados de entre los centenares que existen en Internet:

 

• CSS3 Generator. Generador CSS3 que te permite jugar con múltiples propiedades para crear fondos.

• Patternify. Permite crear patrones mediante píxeles y exportarlos, como PNG o como código CSS de base 64 directamente.

• CSS3 Button Maker. Genera botones CSS3 con degradados y sombras. Con sólo ajustar la configuración hasta que tenga el aspecto deseado y nos dará la codificación CSS.

• CSS Sprite Generator. Puedes fácilmente generar código CSS y HTML al subir el archivo que deseas utilizar en el «sprite» CSS y luego pulsar el botón para que se unan todas las imágenes en un solo archivo. Con esta herramienta, también se puede lograr algún efecto rollover.

• CSS Layout Generator. Este generador te permite crear una estructura básica de la página utilizando sólo CSS.

• CSS3 Generator. Generador que te permite jugar con múltiples propiedades para crear fondos con CSS.

• CSS3 Text Shadow Generator. Generador de sombras en texto con CSS3.

• CSS3 Button Generator. Te permite crear botones con CSS3 modernos y con estilo que se adapte a los estándares actuales de Internet.

• CSS Loading Spinner Generator. Un pequeño script que permite crear imágenes que indican que algo se está cargando y debemos esperar.

• Rounded Corner Generator. Generador para el tema de los recuadros con esquinas redondeadas y algún efecto más

• CSS Menu Generator. Herramienta que nos facilita la creación de menús desplegables con CSS.

• CSS Button Generator. Para crear hermosos botones para tus páginas web con CSS.

• CSS 3.0 Maker. Una solución ideal para los desarrolladores, que hace uso de cursores y dispone de un área de vista previa en vivo para generar las diferentes opciones.

• CSS3 Please!. Es un práctico multi-navegador, con la herramienta de generador CSS3 que permite a los diseñadores entrar en un valor y que este conjunto se visualice automágicamente para cada prefijo específico del proveedor, los valores correspondientes se generan automáticamente.

• CSS Sprites generator. Esta herramienta, cargar cualquier número de imágenes y crea sprites CSS con facilidad.

• Linear Gradients. Herramienta para crear degradados lineales con CSS

• CSS Sprite Generator. Herramienta que te permite cargar el archivo de origen con el fin de crear una imagen de sprites con CSS.

• CSS3 Button Generator. Herramienta para crear bellos botones Web usando CSS3 dipone de muchas opciones de configuración.

• Colors Palette Generator. Poderosa herramienta que genera una paleta de colores derivados de los colores primarios de la imagen que subas.

• Markup Generator. Crea de manera muy sencilla e intuitiva los códigos xhtml/css, para acortar el proceso de diseño de los estilos.

• Prefix My CSS. Utilizar potentes técnicas de CSS3, para que no pierdas tu tiempo escribiendo cada uno de las propiedades.

• CSS Opacity Generator. Con un control deslizante te ayuda a cambiar las propiedades de opacidad con CSS.

• CSS3 Box Shadow Generator. Un generador de sombra que nos ayudará a aprender y diseñar las sombras para tus recuadros con CSS3 para tus páginas web.

• Loading CSS Spinners and Bars Generator. Un generador de imágenes de carga que indican que algo se está cargando, con muchas opciones.

• CSS Border Radius Generator. Un sencillo generador de esquinas redondeadas que nos ayuda con la codificación CSS.

• CSS Corners. Éste se ocupa de los degradados y esquinas redondeadas y promete más opciones para el futuro.

• Gradient Image Maker. Puede ser interesante utilizar dicho generador para el tema de los fondos degradados

• css3 button generator. Genera botones con la codificación CSS3, con sólo unos clics, e incluso proporciona el código para los estilos de IE.

• Tabs Generator. Te permite crear las típicas pestañas tipo ficha, sin usar ninguna imagen, proporcionando su codificación CSS. Ajusta tamaño, colores, esquinas y otras muchas cosas más.

• CSS3 Shadows Generator. Te ayuda a crear sombras (box-shadow) con CSS3, proporcionándote su codificación para añadir una sombra a un recuadro. Te permite configurar diferentes parámetros de la sombra y visualizar su resultado.

• CSS Text Shadow Generator. Excelente generador de sombra en texto mediante CSS.