Puedes recibir las actualizaciones gratis por email
Cómo elegir la mejor tipografía para tu diseño

Cómo elegir la mejor tipografía para tu diseño

Existen una lista interminable de tipografías, pero sólo unas cuantas encajarán con el estilo que tenemos en el sitio web. Desde aquí os mostraré algunos puntos que os pueden resultar útiles para distinguir entre [...]

Eliminar el contorno de puntos en Firefox con CSS

Todo el que use Firefox 3 se dará cuenta que al hacer click sobre un enlace o un elemento enlazado con la etiqueta <a> este crea un recuadro punteado alrededor de sí mismo. En [...]

Sintaxis de @font-face

En esta entrada explicaré los mejores métodos para introducir @font-face en nuestro documento. @font-face { font-family: ‘Graublau Web’; src: url(GraublauWeb.eot); src: local(‘Graublau Web Regular’), local(‘Graublau Web’), url(GraublauWeb.otf) format(‘opentype’); } El código de arriba podría [...]

@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 [...]

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 [...]

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 [...]

Crear enlaces inteligentes con CSS

Muchas veces necesitamos mostrar iconos al lado de los enlaces, ayuda al lector además de que ayudan a expresar el significado del enlace si sabemos utilizarlo correctamente. Pero, ¿y si estos enlaces fueran “inteligentes” [...]

Insertar imagen en un campo de texto con CSS

Un usuario me preguntó como podía insertar una imagen en un campo de texto. Bien, es muy sencillo, y en esta entrada se explicará paso a paso. dtsv.dtse_post_2509_permalink = ‘http://www.cssblog.es/insertar-imagen-en-un-campo-de-texto-con-css/’; dtsv.dtse_post_2509_title = ‘Insertar imagen [...]

Grabado de texto con CSS

Hay muchas técnicas de grabar un texto. Apple utiliza mucho esta técnica últimamente, por ello queremos enseñarla para que la podáis usar. Existen varios tipos: dtsv.dtse_post_2407_permalink = ‘http://www.cssblog.es/grabado-de-texto-con-css/’; dtsv.dtse_post_2407_title = ‘Grabado de texto con [...]

Sobreescribir estilos en línea en CSS

Un pequeño truco en CSS que os vamos a explicar es cómo invalidar estilos que se han definido en línea, sustituyéndolos por los que están en el archivo CSS o entre las etiquetas <style [...]

Sombras en el texto sin usar text-shadow

La propiedad text-shadow, propiedad de CSS3, es muy nueva y por lo tanto la mayoría de los navegadores no la han implementado. Solo Safari, con sus versiones 3 y 4 lo soporta. Pero nosotros [...]

39 logos olímpicos: 1924-2012

He visto un montón de logos, pero los logos olímpicos para mí son los más especiales. Con un insignificante logo sientes la pasión que rodea a las olimpiadas. Los logos de las olimpiadas han [...]