WebAdictos - Una dosis diaria de web

CSS Type Set es una herramienta que nos permite crear nuestros estilos de texto con CSS de una manera sencilla. La herramienta nos presenta una vista previa en base a los parámetros que seleccionemos como pueden ser tamaño de fuente, nombre de la fuente, color de fondo, color de la fuente, alto de linea y otros mas.

Una interesante herramienta que nos puede ser de ayuda, si queremos previsualizar como quedarían nuestros contenidos con CSS.

Enlace: CSS Type Set 

Otros enlaces sobre CSS:

• (Cheat Sheet) Referencia de CSS
• Tabla de Equivalencias entre %, px, em y pt con CSS
• Convertir Pixeles a Em con EmCalculator
• 101 Técnicas CSS
• Menús Horizontales Con CSS

Spiffy Box es una aplicación web que nos permite generar divs con esquinas redondeadas sin mayor complicación. Para crear las esquinas redondeadas la aplicación consta de 4 pasos:

1.- Generar la imagen y el código

2.- Guardar la imagen

3.- Copiar y pegar el CSS

4.- Copiar y pegar el código XHTML

Enlace: Spiffy Box

También puede interesarte:

• Hacer Imagenes Con Esquinas Redondeadas
• Spiffy Corners - Esquinas Redondeadas Solamente con CSS

Vía: ARTEGami

Muchas veces es mejor utilizar em en ves de pixeles a la hora de crear nuestras hojas de estilo,  pero suele ser algo complicado si no estamos acostumbrados a trabajar mas que con pixeles. En ese caso existe Em Calculator una aplicación web que permite convertir medidas en pixeles a em.

La herramienta es sencilla de utilizar, unicamente vamos definiendo los tamaños en pixeles para los bloques que queremos tener en nuestro sitio.

Enlace: Em Calculator

También te puede interesar:

• Tabla de Equivalencias entre %, px, em y pt con CSS

Vía: ARTEgami

Siempre es útil tener a la mano las sentencias mas utilizadas en CSS asi como su sintaxis, asi que que mejor que una chuleta (cheat sheet, referencia) de CSS lista para imprimir.

Enlace: CSS Cheat Sheet 

Otras cheat sheets:

• Referencias de PHP

CSS Menu Maker es un sitio web donde podremos crear menús css sin mayor complicación. Actualmente tienen 3 categorías de menús:

• Menús Horizontales
• Menús Verticales
• Menús desplegables

Los pasos para crear nuestro menú css son los siguientes:

1. Primero seleccionamos el diseño de menú que mas nos guste
2. Podemos descargar el código fuente de dicho menú o bien podemos personalizarlo presionando el enlace “Customize”
3. Una ves personalizado podemos descargar el código html, css y las imágenes que se generaron para el menú.

Lo único que quedaría es implementarlo en tu sitio web, una muy buena herramienta cuando necesitas optimizar tiempos al momento de desarrollar un sitio web.

Enlace: CSS Menu Maker

También te puede interesar:

• 20 Menús en ajax y javascript en forma de arbol (tree menus) GRATUITOS
• Crear Menus Estilo Windows Vista Para Tu Web Con CSS
• Menús Horizontales Con CSS
• Generador de Menús Tabs

En Noupe nos presentan la primera parte de una serie de 101 Técnicas en CSS, muy útiles a la hora de diseñar y desarrollar un sitio web.

Entre las técnicas podremos encontrar técnicas para esquinas redondeadas con css, técnicas para reemplazar imagenes, técnicas para sombras en css y muchas otras.

Enlace: 101 CSS Techniques Of All Time- Part 1

Vía: Del.icio.us