Fundamentos de tipografía responsiva
La tipografía responsiva: conceptos básicos
  • Diseño web

En Internet se encuentran gran cantidad de textos con diferentes tipos de letra. La expansión del diseño web responsivo también influye en la tipografía web, ya que la representación de la letra debería ajustarse siempre a la pantalla del dispositivo que se usa para asegurar la legibilidad de los contenidos. Una tipografía capaz de responder a estos ajustes debe ser flexible y usar las fuentes que...

La tipografía responsiva: conceptos básicos
Comprimir CSS para optimizar los tiempos de carga
Cómo comprimir CSS y mejorar el rendimiento de una web
  • Diseño web

Encontrar elementos estructurales directamente en el código HTML no es muy común. Colores, fuentes y tamaños de otros elementos HTML son definidos normalmente en las llamadas hojas de estilo, como por ejemplo CSS. Si se trata de una web compleja, el número de archivos CSS necesarios para su correcto funcionamiento será mayor, lo que puede tener un impacto significativo en el tiempo de carga. Así,...

Cómo comprimir CSS y mejorar el rendimiento de una web
Los trucos de Photoshop que debes conocer
Los trucos de Photoshop más importantes para Windows y Mac OS
  • Diseño web

La gran cantidad de clics que requiere usar los menús de Photoshop es tal vez una de las pocas desventajas de uno de los programas de edición de imágenes más populares en el mundo. Sin embargo, con algunos trucos y con los atajos de teclado adecuados es posible trabajar sin complicaciones. Hemos seleccionado algunos de los métodos abreviados de teclado para Windows y Mac OS que te ayudarán a...

Los trucos de Photoshop más importantes para Windows y Mac OS
¿Qué es APNG?
APNG: qué es y cómo se crean PNG animados
  • Diseño web

Los GIF son un recurso muy popular para promocionar publicaciones y noticias en las redes sociales. Sin las expresivas animaciones en el formato homónimo parece imposible imaginarse el mundo online y lo cierto es que APNG es un formato alternativo que en algunos aspectos supera incluso a GIF. ¿Cuál es el secreto de los PNG animados y cómo se crean animaciones en este formato?

APNG: qué es y cómo se crean PNG animados
Cómo afectan los adblockers al diseño web
Sobrevivir al bloqueo: adblockers y diseño web
  • Diseño web

Alrededor de uno de cada cuatro españoles utiliza un adblocker para evitar los molestos pop ups o banners publicitarios que en ocasiones impiden el acceso al contenido en sí. De sobra es sabido que esto tiene consecuencias para el negocio publicitario, pero lo que no se suele tener en consideración es que muchos proyectos se financian exclusivamente por los ingresos procedentes de este tipo de...

Sobrevivir al bloqueo: adblockers y diseño web
¿Qué es CSS?: un tutorial con lo que necesitas saber
Qué es CSS: tutorial introductorio a las hojas de estilo en cascada
  • Diseño web

Sin CSS, las páginas web solo serían un compendio de elementos de texto con epígrafes y títulos divididos en secciones. Es únicamente gracias a las posibilidades que ofrece el lenguaje de hojas de estilo para formatear HTML que la World Wide Web es lo que es: una colorida mezcla de proyectos web personalizados, desde la pequeña página web creada por aficionados hasta la premiada web de diseño. De...

Qué es CSS: tutorial introductorio a las hojas de estilo en cascada
Claves para el diseño de un buen logo
Imagen de marca: conoce el impacto de los logos más conocidos
  • Diseño web

Los logos de las marcas están por todas partes. No obstante, no sabemos hasta qué punto somos capaces de fijarnos en ellos. El estudio Branded Memory ha llevado a cabo una investigación para comprobarlo en la que han participado un total de 150 hombres y mujeres pertenecientes a diferentes grupos de edad. En ella se determinaba con qué exactitud podían recordar los participantes los logos de...

Imagen de marca: conoce el impacto de los logos más conocidos
Lectura digital: cómo leen los usuarios en la web
Lectura digital: cómo se lee en la web
  • Diseño web

Durante los últimos años se han producido algunos cambios. Muchas situaciones, que hasta hace poco tenían lugar offline, lo hacen hoy casi exclusivamente en la esfera digital. Se trate de comunicación o de consumo, Internet ha cambiado las costumbres y el día a día de las personas, así como sus hábitos de lectura. En Internet los textos son “escaneados” por encima más no leídos con atención, lo...

Lectura digital: cómo se lee en la web
La pirámide invertida: en qué consiste y cómo usarla
La pirámide invertida: optimiza tus textos en función de los hábitos de lectura online
  • Diseño web

Los lectores online leen los textos de la misma forma que leerían un periódico: dan una mirada rápida a los párrafos más importantes, filtrando la información pertinente y haciendo clic en el próximo enlace. Así, los requisitos de la estructura de un texto son claros: la información se debe encontrar rápido y fácil. La mejor estrategia para lograrlo es utilizar el principio de la pirámide...

La pirámide invertida: optimiza tus textos en función de los hábitos de lectura online
UI: ¿qué es una interfaz de usuario?
UI: qué define a una buena interfaz gráfica de usuario
  • Diseño web

La UI es uno de los puntos clave del diseño web y del desarrollo de software y las interfaces gráficas de usuario desempeñan un papel destacado tanto para una disciplina como para la otra. Además de estas, también se puede mencionar a las Voice User Interfaces o hasta las Brain Computer Interfaces entre un gran número de interfaces que permiten la interacción entre las personas y los ordenadores....

UI: qué define a una buena interfaz gráfica de usuario