Búsqueda personalizada

CSS Sandbox

csssandbox.jpg

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

Publicado en CSS,Desarrollo Web,Diseño,Maquetación | Responder

Clearfix CSS Hack

csstypeset.jpg

CSS Type Set es una practica herramienta online que nos permitirá dar formato a nuestros textos mediante CSS y sin necesidad de saber demasiado de el. CSS Type Set es realmente muy sencillo, tan solo basta introducir un fragmento de texto y posterior mente comenzar a reconfigurar los parámetros. Por ejemplo: Con que tipo de fuente nos agradaría escribir nuestro texto, el tamaño, espacios entre líneas, cursivas, color de fondo, etc. A medida que vamos utilizando los controles inferiores para configurar todo, veremos en un recuadro también el código CSS generado, listo para ser usado en nuestras Web.

Enlace CSS Type Set

Publicado en CSS,Desarrollo Web,Diseño,Maquetación | Responder

Menús CSS con aspecto profesional fácilmente

izzymenu.jpg

IzzyMenu, Con IzzyMenu podremos crear tantos menús profesionales como deseemos, y lo mejor, sin tener conocimientos previos, y sin complicaciones. Izzymenu es tan simple simplemente deberemos configurar una serie de parámetros, y elegir las opciones adecuadas para lograr el estilo deseado para nuestro menú. Nos permite crear menús horizontales como verticales, menús estáticos o desplegables, y descargar cada uno de los diseños con sus imágenes y códigos CSS, listo para ser usado en nuestros proyectos Web. Podremos inclusive indagar por diseños ya diseñados por terceros, sin necesidad de registrarnos, y guardar todos nuestros diseños en caso de optar por regístranos de forma gratuita. Izzymenu hará que crear menús con diseños profesionales sea cosa de niños, y sorprendas a tus amigos con diseños agradables que tan solo te han llevado escasos minutos.

Enlace IzzyMenu

Fuente wwwhatsnew

 

Publicado en CSS,Desarrollo Web,Diseño,Maquetación | Responder

Novedades