Interesante página la de CSS Menu Generator, con la cual podremos realizar menús CSS atractivos, si no tenemos mucha idea de como realizar uno. Cuentan con 25 menús, que puedes personalizar y adaptar, y probar todos los cambios al momento online. Si no te gustan puedes crear uno desde 0.

Todos disponen de puntuación dada por los usuarios, para que puedas tenerlo en cuenta. Sin duda un recurso a tener en cuenta. El único aspecto negativo es que requiere registro:

Enlace: | CSS Menu Generator

Un sitio web que esta genial a la hora de obtener recursos CSS para elaborar diseños de páginas webs. Dispone de diferentes elementos, como son Layouts, para establecer la maquetación de nuestro web, templates, tutoriales, artículos, menús, etc. Sin duda muy interesante, podremos aprender mucho y mejorar la calidad de nuestros diseños.

Enlace: | Free CSS

Intensivstation es un sitio web que vendrá muy bien a todos aquellos que estén comenzando con la maquetación CSS. Dispone de multiples layouts distintos, que pueden servir de plantilla a la hora de elaborar nuestro diseño web. Los hay centrados, a 3 columnas, diseño líquido, fijo, con sidebars a los lados, etc.

Sin duda un buen recurso para todos aquellos que maquetamos con CSS, pues disponemos de diferentes organizaciones para nuestro sitio web, sin necesidad del uso de las molestas tablas para llevar a cabo el proceso de maquetación.

Enlace: | Intensivstation

Fancy form es un script realizado mediante CSS+Javascript, junto con imágenes, que nos permitirá cambiar al habitual diseño por defecto de checkboxs y radio buttons, por otros con mejor diseño y más bonitos. El resultado es el siguiente, y al pinchar sobre cualquiera de ellos cambia su estado:

Para utilizarlo simplemente hay que llamar a un par de ficheros Javascript y listo, como explican en su página web.

Enlace: | Fancy form | Demo

Hace ya algún tiempo que se viene hablando sobre la nueva versión de CSS que saldrá, la que será conocida como CSS3. Una vez salga deberemos estar al tanto de los nuevos estándares, para adaptarnos pero sobre todo para aprovechar las novedades que presente el nuevo estándar. Se habla del uso de nuevos atributos como opacity, para controlar la opacidad, box-shadow, para dotar de sombre a nuestras capas, también se dice que será posible crear tablas con filas alternativas de 2 colores, etc. Hasta que ese día llegue, si quieres estar totalmente informado de todas las novedades, puedes hacerlo a través del blog oficial CSS3.info, donde estarás enterado de todas las novedades y evoluciones. Además, hace poco han incluido una presentación pdf con ejemplos prácticos de las novedades de la nueva versión.
Enlace: | CSS3.info | Novedades en formato pdf

FormArchitect es una herramienta online que nos permitirá generar formularios HTML sin la necesidad de maquetarlos con tablas, sino que usa CSS. El código generado es HTML válido, crea un diseño muli-layout, implementa las validaciones Javascript y es compatible con varios navegadores. Sin duda una forma de evitarnos quebradero de cabeza maquetando lo siempre complicados formularios.

Enlace: | FormArchitect

Interesante sitio con el que me topo muy útil para todos aquellos que dedican parte de su tiempo al diseño web. En él podemos encontrar diferentes tipos de técnicas para establecer un diseño mediante CSS. Podrás encontrar el código fuente para establecer diseños de 2, 3, 4 columnas, con diferentes tipos de alineación, con sus respectivos márgenes, fluidos, estáticos. Sin duda una referencia en la que apoyarnos a la hora de llevar a cabo la maquetación o creación de una plantilla para un sitio web. Uno de los diseños más de moda es tener 2 sidebars a cada lado del contenido, sumando un total de 3 columnas. Su código puede ser encontrado concretamente aquí.

Enlace: | CSS layouts

CSS Builder es una sencilla pero intuitiva herramienta online con la cual es bastante fácil realizar una hoja de estilos CSS. Simplemente debemos elegir tamaños colores, y pinchando en Build it tendremos nuestra hoja de estilos. Cuenta con varios apartados como backgrounds, texto normal, listas, cajas/capas, etc. Un recurso bastante útil para aquellos principiantes o menos entendidos en CSS.

Enlace: | CSS Builder

Font Tester es una herramienta online mediante la cual podemos comparar un mismo párrafo a la vez, dándole diferentes tipos de aspecto mediante propiedades de CSS. Podemos cambiar fuente, color, alineación, etc. y apreciar facilmente las diferencias, y así poder elegir rapidamente como dejar los estilos, puesto que en cualquier momento podemos obtener el código CSS.

Enlace: | Font Tester

Spyffy Box es una herramienta online que será muy útil a todos aquellos que quieran bordes redondeados. Es un generador tremendamente simple de utilizar eliges las medidas y los colores, guardas la imagen generada y obtienes el código CSS para tener tus bordes redondeados, así de simple. De ésta manera y hasta que llegue la nueva versión de las hojas de estilos CSS que implementerá ésta técnica podrás realizar rapida y eficazmente bordes redondeados.

Enlace: | Spyffy Box