@font-face, inserta cualquier tipografía en tu sitio web

Existen una lista de tipografías estándares que todos los navegadores pueden interpretar, pero, ¿qué ocurre con las demás tipografías? ¿Cómo podemos implementarlas? @font-face es una propiedad muy útil para definir en un sitio web una fuente que el usuario no tenga instalada en su ordenador. Sólo debemos subir la fuente deseada a nuestro sitio web … Lee más!

sin miniatura

Bloques de texto encima de una imagen

Ya enseñamos hace tiempo a crear un rotador de imágenes con CSS, pero, ¿Y si solo deseamos ubicar texto encima de una imagen? En esta entrada aprenderemos a insertar bloques de texto encima de una imagen. Estructura La imagen se ubica al fondo del todo, y, el bloque de texto está agrupado por un encabezado … Lee más!

sin miniatura

Rotar un texto con CSS Transformations

Igual que disponí­amos la fecha con CSS Sprites, ahora queremos rotar un texto para crear una fecha gracias a CSS Transformations. Explicación de su funcionamiento CSS Mágico La clave de estas rotaciones se encuentran en CSS Transformations, y tanto Firefox como Safari tienen esta ventaja: Es decir:

sin miniatura

Menú con varios niveles mediante CSS

Ya hemos visto como crear un menú horizontal y otro vertical paso a paso. En esta entrada explicaremos a crear un menú horizontal con varios niveles y subniveles, mediante una estructura de listas estilizadas por CSS. Mediante ul > li:hover ul podremos definir los submenús. Cuando creamos los menús normales, aplicamos display: block y le … Lee más!

sin miniatura

Crear un menú animado con CSS y JQuery

Fancy Navigator Menu jQuery & CSS, es un menú realizado en CSS y JQuery, muy fácil de hacer, que nos permitirá darle un toque “personal” a nuestro menú de navegación (También podéis mirar la lista de menús de navegación que publicamos hace tiempo).

sin miniatura

Recopilación sobre Generadores CSS de cuadrículas de diseño

Existen un montón de generadores de códigos y gráficos en la web, pero sabías que también existen generadores de cuadrículas de diseño? Por medio de estos generadores podrás crear tu cuadrícula (o retícula) para tu sitio web, de forma rápida y sencilla y te ayudarán en tus procesos de diseño. Algunos de estos generadores crean … Lee más!

sin miniatura

Estilizar una tabla simple con CSS

Esto se podría considerar una entrada básica para los usuarios entre el nivel básico y medio, así que si eres uno de ellos, quizás te interese. Cuando diseñamos una tabla y no nos gusta el aspecto visual que tiene, podemos estilizarla con CSS y hacerla más bonita y personal. En esto se va a basar … 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.