Learn Web Typography

Explore the wonderful world of web typography! Learn how to choose fonts, create hierarchy, and craft beautiful, readable text for your UI designs.

All Web Typography content:

  1. Ajustes Tipográficos Adecuados para Dispositivos Móviles

    Ajustes Tipográficos Adecuados para Dispositivos Móviles

    Tutorial Beginner

    Pongámonos serios con respecto a la tipografía en dispositivos móviles; todos sabemos que el uso del móvil se ha extendido de forma masiva, y también...

  2. Guía Exhaustiva: Cuando Utilizar Em vs. Rem

    Guía Exhaustiva: Cuando Utilizar Em vs. Rem

    Tutorial Intermediate

    Puedes haber entendido el uso de unidades flexibles de medida, pero podrías no haber entendido completamente cuando usar rem y cuando usar em. ¡Éste tutorial...

  3. Diseño Web para Niños: Tipografía

    Diseño Web para Niños: Tipografía

    Tutorial Beginner

    Bienvenidos a la novena lección de nuestra serie Diseño Web para Niños, todo sobre la tipografía. En éste tutorial veremos de que se trata la tipografía y...

  4. Reto CodePen #3: Pares favoritos de fuentes de Google

    Reto CodePen #3: Pares favoritos de fuentes de Google

    Tutorial Beginner

    ¡Otro mes, otro Reto de CodePen! La última vez te pedimos que aplicases estilo a un formulario de inscripción y unos 68 de vosotros participasteis. Esta...

  5. Guía sobre Tipografía Responsiva para Perezosos

    Guía sobre Tipografía Responsiva para Perezosos

    Tutorial Beginner

    La tipografía es razonablemente la parte más importante de cualquier diseño web. Un gran titular en una página en blanco podrían tener el aspecto de un sueño...

  6. Diseñando la Interfaz de Usuario de una Aplicación Web en Adobe Photoshop

    Diseñando la Interfaz de Usuario de una Aplicación Web en Adobe Photoshop

    Tutorial Intermediate

    El desarrollo orientado por una guía de estilo ofrece un enfoque muy flexible para el diseño web moderno. En este tutorial te guiaré a través del diseño de...

  7. Diseñando una elegante presentación de Blog en Photoshop

    Diseñando una elegante presentación de Blog en Photoshop

    Tutorial Intermediate

    En este tutorial te mostraré cómo crear un diseño de blog simple y elegante en Photoshop. Usaremos una imagen fuerte por encima del doblez (donde quiera que...

  8. Sencillas mejoras visuales para una mejor programación con Sublime Text

    Sencillas mejoras visuales para una mejor programación con Sublime Text

    Tutorial Beginner

    Sublime Text ofrece miles de extensiones y configuraciones para hacer un editor de código personalizado para cualquier persona. En este tutorial, voy a...

  9. Comienza a utilizar las comillas "correctamente"

    Comienza a utilizar las comillas "correctamente"

    Tutorial Beginner

    Comillas, signos de citación, comas invertidas, como sea que llames estas formas de puntuación, podrías estar usándolas incorrectamente. Echemos un vistazo...

  10. Cómo Crear una Escala Tipográfica Modular

    Cómo Crear una Escala Tipográfica Modular

    Tutorial Beginner

    Posiblemente la pregunta tipográfica más obvia para un diseñador sea “¿Qué tipgrafía debería usar?” La segunda cuestión que raramente recibe la merecida...

  11. Llevar Más Allá los Ems

    Llevar Más Allá los Ems

    Tutorial Beginner

    Recientemente escribí sobre ems; qué son, cómo se usan y pequeñas cosas a recordar cuando implementamos nosotros mismos valores en ems. Tan sólo he arañado...

  12. Legibilidad Lingüística y Formal en la Tipografía

    Legibilidad Lingüística y Formal en la Tipografía

    Tutorial Beginner

    Cuando se hace uso de la tipografía en la web, existen multitud de cosas a tener en cuenta para crear una página que proporcione un acceso claro al contenido...