La propiedad line-height en CSS controla el espacio entre las líneas de un texto. A menudo se fija en un valor sin unidades (por ejemplo, line-height: 1.4; ) para que sea proporcional al tamaño de letra. Es una propiedad muy importante para llevar un control tipográfico de texto. Si se opta por un valor demasiado bajo las líneas quedarán unas encima de otras; y si por el contrario se establece un valor demasiado alto el resultado será el de unas líneas de texto absurdamente separadas. Ambas opciones dificultan la legibilidad.

En este artículo vamos a centrarnos en algunos trucos basados en esta propiedad. Si eres capaz de establecer el valor exacto de line-height, ¡podrás conseguir resultados sorprendentes!

Como dice el refrán, una imagen vale más que mil palabras. Somos criaturas visuales, y las imágenes pueden ser una poderosa manera de captar la atención de los usuarios y comunicar tu mensaje. Como las redes y los dispositivos son cada vez más capaces de mostrar imágenes de gran tamaño, cada vez más páginas web están utilizando grandes imágenes muy llamativas. Además muchas veces no se deciden por una sola imagen con lo que recurren a mostrar varias mediante un carrusel.

Partimos de una premisa, el DOM (estructura de objetos que genera el navegador al cargar un documento HTML) es lento. Y añadimos otra, es manipulable con JavaScript. A medida que construimos sitios cada vez más dinámicos, basados en Ajax, debemos encontrar la manera de modificar el DOM intentando crear el menor impacto en el rendimiento posible. Una manera de hacerlo es insertar elementos HTML dentro de otros de nivel superior, sin que afecten a los demás elementos que forman parte del conjunto. Para esto utilizaremos insertAdjacentHTML. El código…

El texto de una página web puede ser hermoso, simple, salvaje, atractivo, emocionante, o provocar un sin fin de emociones. Fundamentalmente es una ayuda a los usuarios para entender tu mensaje. Para conseguir cualquiera de estas cosas la primera propiedad que debe cumplir es que sea legible.

La versión SVG 1.1 tiene ciertas características que permiten la accesibilidad pero la versión SVG 2.0 tendrá acceso a otro nivel superior. Mientras el primero tiene un buen soporte cross-browser, en el segundo caso es demasiado pronto para que los navegadores hayan implementado soporte todavía.

En este artículo se analizan las maneras de hacer que los SVG 1.1 sean lo más accesibles posible, dejando notas de lo que puede ser la versión 2.0.

Dentro de los lenguajes de programación web, coincidimos todos en que CSS es el más sencillo. Está basado en una lista simple de propiedades que afectan a un elemento. ¿Que necesitas cambiar el tamaño de un texto? Tienes la propiedad la font-size, y así con todos los elementos.

La dificultad viene cuando estás embarcado en un proyecto profesional con una cierta complejidad y esperas un rendimiento alto de la programación. Ahí el CSS se convierte en un sistema también complicado, teniendo en cuenta además que a la gran variedad de propiedades a aplicar a un elemento o conjunto de elementos hay que sumar múltiples navegadores y motores de diseño.

Este artículo pretende ser una recopilación de los errores más comunes.

En ocasiones es necesario generar un SVG con áreas rellenas por texturas desde el lado del servidor. Lo difícil es configurar el servidor para que así sea con ImageMagick más que el propio desarrollo de modificar el SVG y tener las imágenes. A continuación se incluye los comandos necesarios para un servidor RedHat / CentOS. La versión de ImageMagick es importante, se debe usar una 6.8.x en adelante, aunque también funciona en versiones inferiores como 6.6.x pero es más fácil la instalación en estas versiones. En un…

Cada día crece el numero de usuarios que accede al contenido que se ofrece en Internet desde dispositivos móviles. Es previsible que para el año 2015 los usuarios de Internet móviles sean más que los que acceden vía ordenadores de escritorio. Por eso es importante que la información de tu empresa esté en Internet de la forma más optimizada y accesible posible. Sin embargo todavía existe un debate sobre cuál de los tres métodos descritos a continuación es mejor: diseño responsive, versión…

Cuando hacemos una aplicación web, normalmente usamos javascript para modificar elementos html en la parte cliente, con librerías como jquery se pueden hacer muchas cosas. Pero cada vez las aplicaciones web son más complejas, sobre todo en la parte del cliente y no sólo necesitamos mofificar un elemento, sino cargar datos con disposiciones complejas.

Vamos a ver una forma alternativa de definir un pasador de imágenes usando tecnologías de HTML5, en concreto, transiciones de CSS3.