WebAdictos - Una dosis diaria de web

Ya  que hemos creado nuestra hoja de estilo, una recomendación seria el optimizarla sobre todo si llega a estar muy grande. El principal beneficio de optimizar una hoja de estilos es la reduccón del tamaño del archivo por lo que te puede ayudar a reducir el consumo de ancho de banda en tu servidor. Clean CSS es una herramienta que permite optimizar nuestras hojas de estilo en base a diversos parámetros ya sea que tengamos una hoja de estilos ilegible que ocupe menor tamaño o si queremos tener la hoja de estilos legible eliminando los comentarios entre otros parámetros que utiliza para optimizarlas.

Enlace: Clean CSS

Vía: Sentido Web

Si necesitas ayuda para crear tu hoja de estilo, CSS Builder te puede servir, se trata de una herramienta que nos permite crear nuestra hoja de estilo de manera rápida. Su uso es simple primero seleccionamos el selector o la clase que queremos crear y despues seleccionamos la opciones que queremos para ese estilo las cuales estan divididas en Fuentes o Texto, Propiedades de la caja, Fondo, Posición, Propiedades de lista obviamente seleccionaremos las que necesitemos.

Despues de eso simpemente presionamos el botón Build It.

Enlace: CSS Builder
Vía: Xyberneticos

De los creadores de Stripe Generator, viene Navigation Tab Menu Generator un servicio en linea que permite crear menus tipo pestañas (tabs) de manera rápida y sin mayor complicación. El sitio tiene controles para que podamos definir los colores, bordes, tipo de relleno, ancho, alto, orientación entre otras cosas para nuestras Tabs.

Después de efectuar todos los cambios a las tabs nos permite descargar el archivo PNG. Así que ya saben si necesitan diseñar un menú tipo tabs de manera rápida, este servicio les puede ayudar.

Enlace: Tabs Generator

Posts Relacionado:

• 26 Maneras de implementar tabs (pestañas) con AJAX, CSS y Javascript

Vía: Frogx3

doTemplate es un sitio que nos permite crear templates html completamente gratis. Lo único que tenemos que hacer es elegir el diseño que mas nos agrade y luego ir modificándolo a nuestro gusto para su posterior descarga. Los templates generados son completamente basados en XHTML (XTML :p chiste local) y CSS.

Actualmente cuentan con 8 diseños a escoger aunque se espera que añadan mas en corto plazo.

Enlace: doTemplate
Vía: Frogx3

Si estas buscando algún estilo para aplicarle a los menús de tu sitio tal ves estos que nos presenta CSS Play te pueden servir, se tratan de 15 Menús Horizontales hechos a base de CSS listos para descargar.

Click en la imagen para descargar el código.

Ver todos…. 

Vía: Ribosomatic

Si queremos optimizar el peso de nuestro sitio una buena forma es comprimiendo las hojas de estilo, ya hemos visto en webadictos herramientas para comprimir archivos javascript,  YUI Compressor que ademas de comprimir javascript tambien nos permite comprimir hojas de estilo. Pero nunca esta de mas otra herramienta. Se trata de CSS Compressor creada por CSS Drive la cual nos permite optimizar y comprimir nuestros archivos de hojas de estilo directamente en linea.

Su utilización es muy sencilla; pegamos todas nuestras clases en el area de texto, seleccionamos el nivel de compresión que deseamos y presionamos el boton compress it. En segundos nos presentara la versión comprimida de nuestro archivo CSS.

Muy útil cuando nuestras hojas de estilo estan muy pesadas y queremos ahorrar un poco de ancho de banda.

Enlace: CSS Compressor

Vía: BaluArt