Siempre que comenzamos a aprender algo nuevo suele resultar un poco complejo, otras lo hacemos más complejo de lo que verdaderamente es, o en el peor de los casos simplemente solemos olvidarnos de algunos términos hasta adaptarlos por completo hasta a nuestro lenguaje cotidiano. Cuando se trata de CSS sucede exactamente lo mismo. Cuando comenzamos con el por primera vez solemos olvidarnos de que es lo que debíamos escribir para lograr fuentes en negritas (font-weight: bold), crear líneas discontinuas (dashed), bordes con una seguidilla de puntos (dotted), como justificar todo nuestro texto en un div determinado (text-align:justify), etc.
Es aquí cuando herramientas como CSS Sandbox pueden ser realmente útiles, es ni más ni menos que una guía de referencia rápida (quickref) para CSS.

• Nos permite ver de manera online las principales características CSS.
• Nos sirve para ver la diferencia en aspecto que existe entre algunos navegadores.
• Sirve para probar ideas rápidamente, sin necesidad de escribir codigo alguno
• Es simple, no tiene botones ni necesita configuración.
• Es rápida, muestra al instante cada cambio generado en las propiedades después de un click con nuestro ratón
• Es compatible, con safari, Firefox, y funciona bien en IE 6.

Y lo mejor aun, es que a medida que vamos realizando los cambios en nuestra caja, agregando bordes, colores y demás, todo nuestro código será guardado y podremos obtenerlo dando un click en el botón CODE que veremos en el margen inferior derecho.

Enlace CSS Sandbox

Via kabytes

Compartelo