Herramientas para diseñar en CSS

Hoy en día el diseño web basado en XHTML y CSS va desplazando al diseño con tablas, que está quedando restringido a diseñadores que van quedando obsoletos. El usar diseños basados en CSS son más sencillos, pues a veces conseguir cambiar el aspecto totalmente de la web se basa en cambiar el archivo CSS únicamente, sin tener que cambiar ni una sola línea de HTML. A veces realizar estos diseños se torna algo tedioso, pues hay que ir probando como se ven en todos los navegadores, viendo que fuentes usar, colores etc...

Aquí un listado interesante de herramientas y recursos que son indispensables para trabajar con css. He intentado abarcar los recursos más importantes o más buscados. Ya no tenemos escusa para no empezar a maquetar con CSS nuestros diseños web.

Fuentes

• CSS Font and Text Style Wizard Usa este ayudante para experimentar con fuentes y estilos de texto y generar un CSS de ejemplo.
• Em Calculator Herramienta para calcular tamaños de fuentes de pixeles a ems.
• text sizing - up the garden path 264 capturas de pantalla

Formulario

• Accessible Form Builder Genera formularios que cumplan el estándar XHTML de manera rápida y sencilla
• Diseño de Formularios con CSS Este enlace te muestra como generar formularios dinámicos exclusivamente con CSS. Además de mejorar el aspecto general se simplifica mucho la maquetación y el código.
• CSS Form Code Maker Genera ‘Colorful Box Layout’ para formularios
• JotForm Editor WYSIWYG basado en web, para construir formularios

Diseño

• CSS Creator Generador en vivo de CSS para tu web
• CSS HTML PHP Website Template Maker Este PHP - HTML - CSS generador de diseños crea diseños a dos columnas una cabecera y un pie….
• Firdamatic Firdamatic™ es un generador de diseños en lína que te permite crear diseños sin tablas y adaptarlos fácilmente…
• Generador de Bordes redondeados para cajas en CSS Herramienta on-line que te permite generar cajas con esquinas redondeadas de manera sencilla, con solo elegir el color general la aplicación genera código CSS, código HTML e imágenes.
• Templates y Layouts CSS para descargar Completo sitio que contiene cientos de templates en css listos para descargar, el sitio mantiene la política de "código libre", por lo que se pueden ver varios tipos de estructura de sito en css.
• Hojas de Estilos CSS para Tablas El sitio se ha dedicado a compilar diferentes estilos CSS para un mismo diseño de tablas. Como si fuera en CSSGarden pero de un grupo de enlaces a manera de listado. Se puede visualizar el diseño y descargarlo.
• Free CSS Template Code Generator Generador de diseños a 3 columnas (sin tablas)
• Layout-o-Matic Genera diseños sin tablas basados en CSS con tan sólo tocar un botón
• QrONE CSS Designer Generador de CSS en línea
• Scriptomizers Un generador de CSS
• The Generator Form v2.90 Generador de páginas CSS de una a tres columnas
• Listas en CSS Si necesitas generar listas en CSS tienes este excelente generador.

Formateadores y Optimizadores

• CSS Compressor Usa esta herramienta para comprimir tu CSS para incrementar la velocidad de carga y ahorrar ancho de banda….
• Generadores Automáticos de Layouts CSS Sencillo y práctico generador automático de código css para estructuras. Incluyendo unos sencillos valores podrás tener de manera instantánea la maquetación de un sitio. Con funciones AJAX la aplicación te va preguntando todos los valores necesarios. Vale la pena probarlo.
• CSS Compressor
• CSS Formatierer und Optimierer Optimiza CSS
• CSS Tweak ~ Web Based CSS Tweaker! CSS Tweak tomará tu CSS y lo optimizará para que el tamaño del archivo y el tiempo de descarga sean reducidos…..Mac
• Clean CSS - Optmize and Format your CSS Formateador y Optimizador de CSS
• Format CSS Online Automáticamente formatea tu CSS para que sea fácil de leer y editar…..
• Online CSS Optimizer CSS Optimizer optimiza y reduce el tamaño del archivo CSS
• Online CSS Optimiser/Optimizer Esta herramienta es utilizada para optimizar el código CSS. Introduce la URL o Copia y Pega tu hoja de estilo en la caja, y pulsa Ejecutar
• Tabifier Haz más bonito tu código HTML y CSS
• Aplicación para Optimizar tus CSS Muchas veces repetimos atributos o generamos código con algunos errores que nos ocasionarán problemas en algunos navegadores, esta aplicación optimiza tu código CSS de manera muy sencilla.
• Valida Tu código CSS Aunque muchos no lo ven importante, muchos son fanáticos de validar todo código que escriben. Respeto tal postura.