sin miniatura

Bonita caja de búsqueda con CSS3

Son miles las maravillas que podemos hacer con CSS3. Smashing Magazine ha estado investigando y ha creado una bonita caja de búsqueda realizada con CSS3, aplicando degradados  con CSS Gradient, creando círculos redondeados con border-radius y aplicando sombra inferior con box-shadow inset. Ahora vamos a comprobar como se crea cada elemento que forma parte de … Lee más!

sin miniatura

Mejora las miniaturas de WordPress con CSS

Wordpress en su versión 2.9 ha añadido una nueva característica, la posibilidad de insertar miniaturas en lo artículos, lo que hace mucho más fácil realizar miniaturas. Hay muchas formas de diseñar miniaturas, de hecho, os mostraré una técnica para darles un toque estético en 5 minutos con CSS, muy sencilla.

sin miniatura

5 útiles y sencillas propiedades CSS

En esta entrada hablaré de 5 propiedades para CSS2 muy sencillas de utilizar, y que os sorprenderán de lo útiles que pueden llegar a ser. Estas propiedades son perfectamente compatible con la gran mayoría de los navegadores. Las propiedades que analizaré son clip, min-height, white-space, cursor y display. Allá vamos:

sin miniatura

Barra estilo Facebook con CSS por Ribosomatic

Ribosomatic ha creado a petición de sus usuarios una barra inferior parecida a la de Facebook, donde se muestran las aplicaciones, el chat, y las notificaciones de Facebook, realizada con CSS y algunas imágenes. Es muy simple, pero un poco limitada, por lo que, si la sumamos a este artículo, obtendremos nuestra barra definitiva.

sin miniatura

Crear una vista adaptable estilo Youtube con CSS y JQuery

Desde que Youtube implementó la novedad de «change view» (cambiar vista), permite a los usuarios cambiar entre el modo de vista normal y panorámica y así ampliar/reducir el área del vídeo. A pesar de esta novedad, la accesibilidad no se pierde, lo que es un gran punto a favor. En esta entrada aprenderemos a crear … Lee más!

sin miniatura

Elegante barra de navegación usando CSS

¿Necesitas una barra de navegación para tu sitio web? Este tutorial explica como diseñar una bonita barra de navegación mediante el uso de CSS, inspirada en Gettyimages. Es tan simple como otras que he descrito anteriormente, además de poder encontrar mayor inspiración en esta lista de menús horizontales.

sin miniatura

Tooltip oculto con CSS

Los bocadillos de texto (tooltip) son un recurso muy interesante a la hora de mostrar textos informativos. En esta entrada aprenderemos a crearlos usando HTML, CSS y 3 imágenes. Estos bloques de información quedarán ocultos y únicamente se mostrarán al mover el ratón encima de un enlace.

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.