Archivo de la etiqueta: Diseño web

WordPress: cómo saber qué tema usa un sitio

Child Theme de WordPress
Child Theme de WordPress

Para los que construimos sitios o estamos acostumbrados a leer código es fácil: basta con abrir el código fuente de un sitio, obtener la URL de la hoja de estilos y revisarla. A veces ni eso, pues la misma URL puede contener el nombre del tema. Pero para blogueros que no saben mucho de WordPress ni de diseño web puede ser muy útil. Seguir leyendo WordPress: cómo saber qué tema usa un sitio

Accesibilidad: ¿texto justificado o alineado a la izquierda?

Como diseñadora gráfica, especializada en diseño editorial, me gustan los textos justificados solo cuando visualmente forman una masa compacta (zona gris, que solemos llamar los diseñadores, refiriéndonos a la ausencia de ríos blancos o calles que recorren los bloques de texto). Seguir leyendo Accesibilidad: ¿texto justificado o alineado a la izquierda?

Mockingbird: herramienta para planificar y diseñar páginas web online

Mockingbird

Mockingbird es una sencilla herramienta online que sirve para crear prototipos de aplicaciones o páginas web, de forma que puedas planificar diseños, previsualizarlos, con enlaces incluídos, guardarlos y compartirlos a través de la red. Seguir leyendo Mockingbird: herramienta para planificar y diseñar páginas web online

Cómo hacer una imagen de fondo escalable con CSS

imagen-de-fondo-escalable-con-Css

A veces tenemos una imagen que queremos utilizar como fondo en nuestro blog o página web, diseñamos una bonita imagen en Photoshop y nos hacemos esta pregunta: Bueno, muy bonita, pero ¿cómo pongo esta imagen en el fondo para que no se vea recortada y con un espacio blanco alrededor si alguien usa una pantalla grande? Si alguna vez has creado o has querido crear un sitio web con una imagen estática, seguro que te has hecho esta pregunta. Seguir leyendo Cómo hacer una imagen de fondo escalable con CSS

Optimizar imágenes para la Web: el tamaño sí importa

Optimizar imágenes para la Web: el tamaño sí importa

Y la calidad del original. Pero centrémonos hoy en el tamaño.

Ni qué decir que cuanto más grande y de mejor calidad sea el original que usemos mejor quedará cuando lo hayamos editado y publicado en la web. Siempre que vayamos a editar una imagen, ya sea para retocarla o para redimensionarla, seleccionaremos un original mayor al tamaño final al que vamos a reproducirlo. Seguir leyendo Optimizar imágenes para la Web: el tamaño sí importa

Optimizar imágenes para la Web: la edición gráfica

Apabullados y entusiamados como estamos todos con tanta tecnología, cuando se habla de edición gráfica, la gran mayoría de los bloggers y de los aficionados al diseño gráfico o al diseño web piensa únicamente en los programas de edición de imágenes como Gimp o Photoshop, o en los de de diseño gráfico, como Illustrator. Pero la edición gráfica es mucho más que eso, y si logramos comprenderlo y llevarlo a la práctica, nuestros blogs y webs tendrán un aspecto mucho más coherente y profesional. Seguir leyendo Optimizar imágenes para la Web: la edición gráfica

Optimizar imágenes para la Web: introducción

Con este post doy comienzo hoy a una serie en la que iré explicando todo lo que necesitamos saber para mejorar el rendimiento de las imágenes de nuestros blogs y páginas webs. Seguir leyendo Optimizar imágenes para la Web: introducción