9
Oct 2013

Extensiones de CSS
y preprocesadores.

Quizás una de las tareas más tediosas de desarrollar un sitio o una aplicación web, se encuentra e la maquetación del mismo, dependiendo del tamaño del sitio, la cantidad de elementos que contenga, el comportamiento que tendrán los elementos con la interacción del usuario, las queries que hacen nuestro sitio adaptable a diversas resoluciones de pantalla y el sin fin de estilos que hagan posible que el sitio sea percibido como lo planeamos, terminaremos con un archivo CSS de unas cuantas miles de líneas de código. Esto hace que fácilmente podamos cometer errores y sobre escribir estilos innecesariamente. Detalles que parecen insignificantes, pero afectan el tiempo que le toma al navegador aplicar los estilos correspondientes y resulta en una sensación de carga lenta. ¿De que manera podemos evitar este inconveniente?

Leer más...

Por: Arturo Tadeo / Diseño web.

20
Jun 2013

Alternativa a
CSS Sprites

splash

Anteriormente hemos mencionado que cuando queremos insertar iconos en nuestros sitios, usar una imagen que contenga todos los elementos que necesitamos (sprites) es una buena opción para ahorrar peticiones http al servidor, pero con la llegada de nuevos dispositivos con pantallas con alta densidad de pixeles, nuestros iconos pueden verse demasiado pequeños o perder calidad. Podemos recurrir a manejar distintas versiones de nuestros iconos en diferentes tamaños o colores, pero estamos duplicando contenido que ya poseemos. ¿Cómo podemos evitar el duplicado de archivos y tener uno solo que nos permita tener un balance entre tamaño de archivo y calidad?

Leer más...

Por: Arturo Tadeo / Diseño web.

28
Mar 2013

Optimizar nuestros
sitios web

En el desarrollo web, además de cuidar que las páginas que creamos se vean bien en la mayoría de los dispositivos y que la interfaz sea agradable y fácil de explorar para los visitantes, también se debe tener en cuenta el tiempo que toma cargar todos los elementos de nuesto sitio. Anteriormente hemos mencionado que es importante optimizar el rendimiento de las páginas que creamos, ahora toca turno de explorar algunas técnicas y consejos para hacer esto posible, esperando que les sea útil.

Leer más...

Por: Arturo Tadeo / Diseño web.

5
Mar 2013

Filtros en
CSS

Los filtros en CSS, como su nombre lo indica, nos permiten aplicar filtros a elementos de nuestra página, similares a algunos que nos permiten realizar aplicaciones de diseño gráfico. Pero, ¿para qué aplicar filtros desde una hoja de estilo a una imagen si puedo crear un elemento con el filtro y utilizarlo? Cierto, si el elemento no sufrirá ningún cambio con la interacción del usuario una imagen con un filtro desde PhotoShop hace el trabajo.

Y qué si nuestra interfaz requiere de un elemento que al pasar el cursor sobre ella esta tenga otra tonalidad, podemos cambiarla por otra en el evento “mouseover”, pero recordemos que lo importante es optimizar el rendimiento de nuestro sitio y minimizar el número de peticiones a nuestro servidor. También podemos optar por utilizar sprites y generar una mosaico con nuestras imágenes normales y las que tienen filtro, ¿y si las imágenes son demasiado grandes? ¿Resultará eficiente tener ese mosaico?

Leer más...

Por: Arturo Tadeo / Diseño web.

21
Feb 2013

Las ilustraciones de
Steve Simpson

calavera

El mensaje es lo más importante en una composición gráfica; el estilo y el color refuerzan esta idea y le dan un concepto. Steve Simpson es uno de esos diseñadores que basado en un estilo que puede caer en lo burdo y una paleta limitada ha aprendido a comunicar de manera efectiva y muy atractiva utilizando texturas y tonalidades que le dan un estilo retro a todas sus ilustraciones.

Leer más...

Por: César Matos / Ilustración, Uncategorized.

DOTTO