Fundamentos de diseño web segunda parte: el diseño userfriendly

Visitar una página web, incluso cuando lo hacemos por primera vez, significa en gran parte navegar por ella de forma intuitiva gracias al uso de plantillas convencionales que todos conocemos. Estos estándares, ya tan extendidos, son los que garantizan la usabilidad de una página y deberían, por eso, ser conocidos por todo diseñador web.

Bancos de imágenes gratuitas para adquirir imágenes libres de derechos

Internet ofrece numerosas opciones en cuanto a bancos de imágenes gratuitas. El hecho de que las imágenes sean gratis no significa obligatoriamente que se pueda hacer pleno uso de ellas, ya que esto no significa que no estén sujetas a una licencia. Lee la presente guía si quieres obtener más información sobre cuáles son las opciones a las que se puede acceder para obtener imágenes libres de...

Cómo comprimir CSS y mejorar el rendimiento de una 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í,...

La tipografía responsiva: conceptos básicos

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...

Tipografías modernas para páginas web visualmente atractivas

Hasta hace unos años, la tipografía era un tema poco interesante para los diseñadores web. Sin embargo, el panorama ha cambiado gracias a los avances tecnológicos de los últimos años. Ahora es posible valerse de tipografías modernas para destacar aspectos relevantes de una página web, así como para generar un impacto determinado en sus usuarios. Además, ya no es obligatorio instalar la fuente...

Tipografía responsiva: elige la fuente más adecuada para tu web

La gran oferta de fuentes y familias tipográficas en Internet es cada vez mayor, incluyendo aquellas de código abierto que pueden ser descargadas de forma gratuita. La mayoría de estas fuentes web son adaptables, lo que las hace perfectas para su implementación en páginas web responsivas, es decir, aquellas que adaptan su visualización a diferentes dispositivos. Conoce algunas de las plataformas...

Tipografía para el diseño responsivo con CSS

A menudo, se subestima a la tipografía web como parte fundamental del diseño responsivo de páginas web, a pesar de que la creación de fuentes adaptables no es ninguna ciencia inaccesible. ¿Cómo se aplican en la práctica? Y ¿qué fuentes web son las mejores para un diseño web responsivo? Te mostramos los aspectos técnicos fundamentales para la implementación de tipografía con CSS en una web...

Vectores gratis y otros recursos gráficos en Internet

Para un diseñador web nunca está de más disponer de atractivos gráficos, iconos y fondos para modificar o personalizar una página web. Actualmente, existen cientos de plataformas en Internet con una gran oferta de gráficos online y vectores gratis que pueden ser utilizados siempre y cuando se reconozca su autor. Asimismo, existen opciones de pago para quienes no quieran preocuparse por hacer un...

Icon fonts: diseño web con pictogramas vectoriales

Las icon fonts permiten integrar pictogramas vectoriales en una página web. A diferencia de los tradicionales gráficos en mapa de bits, los iconos vectoriales tienen la ventaja de ser escalables sin perder su calidad. Además, la integración a través de CSS (Cascading Style Sheets) ofrece amplias y sencillas posibilidades de configuración dentro del mismo código fuente. Por otro lado, muchos...

Cómo integrar una icon font en un documento HTML

En general, los iconos se integran en HTML por medio de clases CSS y este principio puede visualizarse en una de las fuentes de icon fonts más utilizadas, es decir, Font Awesome. Esta contiene más de 600 pictogramas vectoriales y está concebida como una fuente de código abierto que llama la atención por su manejo sencillo y por las actualizaciones regulares. El pack de instalación contiene un...