Estás en:

Blog: CSS

Espacios en blanco en listas con inline-block

21 May 2012 por Jose

Comentarios en Espacios en blanco en listas con inline-block: 10

CSS

Un elemento con la propiedad CSS display: inline-block coloca los elementos en línea pero conservando las propiedades de bloque (alto, ancho, margen, relleno, ...), pero cuando establecemos una lista con el atributo display: inline-block aparece una separación de 4 píxeles entre los elementos de la misma, que puede echar abajo el diseño de nuestra web. En este artículos veremos distintas formas de solucionar este problema: unas modificando el HTML y otras usando sólo CSS.

LESS: Usando CSS dinámico

17 Ene 2012 por Jose

Comentarios en LESS: Usando CSS dinámico: 3

LESS

Cuando CSS nació solo era una herramienta para modificar algunos estilos básicos en una página web. Con el tiempo los desarrolladores encontraron una potente herramienta en este lenguaje, optimizando su uso no solo para cambiar estilos sino para ser capaz de controlar toda la parte visual de una página web en cualquier dispositivo que nos encontremos. Ahora han ido un paso más allá, creando herramientas de pre-procesado de CSS, que consiste en extenderlo para usar variables, reglas anidadas, mixins o funciones. Entre estas herramientas se encuentran LESS o SASS.

@font-face: Incrustando tipografías en una página web (revisado)

17 Nov 2011 por Luis

Comentarios en @font-face: Incrustando tipografías en una página web (revisado): 35

Tipografías

El código CSS que habíamos recomendado en nuestro artículo @font-face: Incrustando tipografías en una página web era bueno en su momento, pero la salida de Internet Explorer 9, el aumento de formatos de fuente soportados por los navegadores, así como el descubrimiento de que es poco recomendable usar la instrucción local(), ha hecho necesario actualizar el código para que funcione correctamente en la mayoría de navegadores, sistemas operativos y servidores.

Imágenes con puntos blancos en Internet Explorer

18 Jul 2011 por Luis

Comentarios en Imágenes con puntos blancos en Internet Explorer: 0

Internet Explorer

Este es uno de esos errores que nos encontramos a veces en Internet Explorer y que pueden hacernos perder horas enteras sólo para encontrar el motivo.

El problema se presenta habitualmente cuando tenemos imágenes que hacemos aparecer o desaparecer con un efecto de fundido (por ejemplo, con los efectos fadeIn() y fadeOut() de jQuery). Cuando lo vemos en cualquier otro navegador, funciona correctamente, pero en Internet Explorer alguna de las imágenes se ve con puntos del color del fondo.

@font-face: Incrustando tipografías en una página web

19 Ene 2011 por Santi

Comentarios en @font-face: Incrustando tipografías en una página web: 14

Tipografías

Desde el principio una de las limitaciones más importantes en el diseño web ha sido en el uso de fuentes tipográficas. Aunque teóricamente era posible usar cualquier fuente en una página web, en realidad esto era impracticable debido a que cada visitante de la web debía tener la fuente en cuestión instalada en su ordenador para poder visualizarla correctamente. Por ello, hasta ahora los diseñadores web tenían que limitarse a usar un pequeño conjunto de fuentes "seguras": aquellas fuentes que vienen instaladas en los sistemas operativos más comunes (Windows, Mac OS X, Linux, ...) y que por lo tanto sabemos que van a estar instaladas en el 99% de los ordenadores visitantes.