Portada » Recursos CSS y diseño » Página 50

sin miniatura

Valida tu CSS con Juicy Studio

Juicy Studio es otro validador de código CSS. Hace la misma función que el validador JigSaw de W3C pero de un modo más intuitivo, nos informa más detalladamente de los errores que cometemos, y como poder corregirlos. Lástima que esté en inglés. Ver Juicy Studio.

sin miniatura

Degradar fondo con CSS

Podemos degradar fondos con CSS, utilizando cualquier color. Aquí os traemos un generador de degradados para fondos hecho en CSS. Ver generador de degradados en CSS

sin miniatura

Tabla de colores para CSS

A veces viene bien tener a mano una tabla donde elegir el color que deseemos para usarlo en nuestro diseño, sin necesidad de abrir Photoshop. Aquí tenemos una tabla donde podemos elegir un color cualquiera y nos dirá el código de dicho color en 2 tipos distintos (RGB y Hexadecimal). Ver tabla de colores ACTUALIZACIÓN: … Lee más!

sin miniatura

Crea tus forms con estilo

Los forms (cajas de texto) en cada navegador se ven distinto, así que, ¿Por qué no aplicarle un poco de personalidad?. Simplemente vamos a aplicarle CSS para que parezca más bonito y no cambie según cada navegador. El resultado sería algo parecido a esto: Si no lo puedes ver, aquí va una imagen: El código … Lee más!

sin miniatura

Tabla de ejemplos con CSS

Os presentamos una tabla con varias propiedades CSS y ejemplos comentando que significan: Propiedades individuales Reglas del estilo Comentarios p {font-family:Helvetica, Geneva; De este listado, la primera fuente se aplicará. font-style:italic; El texto se renderizará como cursiva. font-weight:bold; El texto se renderizará como negrita. font-size:10pt; El texto se renderizará con 10 pt. color:#00FFFF; El texto … Lee más!

sin miniatura

Varios trucos con CSS3

CSS3 está empezando a usarse. CSS3  amplia las posibilidades de personalización de nuestra página web. Lástima que estos efectos solo puedan verse si usas Firefox o Safari. En el salto de la página te mostraremos algunos ejemplos:

sin miniatura

Barras gráficas con CSS

En esta entrada os mostraremos como crear distintos tipos de barras gráficas mediante el uso de CSS. Estas gráficas pueden ser muy útiles para mostrar la evolución de algo, además, no se requiere ninguna imagen, lo que a Google le gusta y acelera la carga del sitio web. Ya os enseñamos a crear una barra … Lee más!

Pedro Corchero Murga

¿Qué es CSSBlog ES?

Hola, soy Pedro Corchero Murga. Mi objetivo es ayudarte a aprender sobre CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita. Todo ello para ayudarte a empezar a crear tus proyectos o mejorarlos, encontrando la inspiración necesaria.

Puedes contactarme o anunciarte en el blog.

¡Espera! ¡Un regalo por tu visita!

Como muestra de gratitud te enviaremos gratis los últimos freebies, sabios consejos y valiosos cupones de descuento sobre materiales de diseño web a tu correo si te registras abajo.