April 27, 2023 — Dal 2022, con il rilascio di Gutenberg 13.8 e WordPress 6.1, l’editor a blocchi supporta la tipografia fluida. Parlando di responsive design, la tipografia fluida è un’alternativa alle tradizionali media query per ridimensionare il testo con la dimensione dello schermo: quando si usano le media query, la dimensione del carattere cambia in corrispondenza di specifici breakpoint; quando si usa la tipografia fluida, la dimensione del testo cresce invece uniformemente, rendendola adatta a tutti i dispositivi, indipendentemente dalle dimensioni dei loro schermi.
Anche se la tipografia fluida è una tecnica conosciuta da anni, la sua adozione non è ancora così diffusa anche a causa dei problemi di accessibilità che può causare. Per le persone con ipovisione, è essenziale poter ridimensionare il testo; la tipografia fluida però, se applicata senza precauzioni, può invece rendere difficile o addirittura impossibile aumentare le dimensioni del carattere a sufficienza da poter soddisfare il criterio di successo 1.4.4. delle Linee guida per l’accessibilità dei contenuti web (WCAG).
In realtà, questo medesimo criterio di successo (e un po’ di matematica) ci possono guidare nel capire se la scala tipografica che stiamo progettando è accessibile, prima ancora di costruire un sito e testarlo. Durante la presentazione, scopriremo cos’è la tipografia fluida e come funziona, come fare in modo che sia accessibile e come utilizzarla in modo accessibile nell’editor a blocchi.

Presentation Slides »

October 1, 2022 — Learn about the design concept of vertical rhythm. This approach seeks to create asymmetrical balance between the vertical lines in design typography.

Gain insight for choosing a proper font size, line-height, and margin/padding to balance layouts. Find out how a simple trick and a tiny bit of math has a significant impact on design aesthetics.

September 15, 2022 — What goes into deciding which font(s) to use? Where might you get your fonts? How do you hook your font up within a block theme? What are variable fonts, and should you use them?

In this workshop we will explore:

– Some considerations for choosing a font
– Where to find fonts and how to download and convert to proper formats
– A brief overview of variable fonts and when to consider using them
– How to hook up a font in a block theme (hint: theme.json)
– Discuss the future of fonts in WordPress full site editing

Presentation Slides »

August 23, 2021 — Making website content legible for people with disabilities requires some extra attention. Learn how to make informed decisions about displaying website text in a way that makes it easier for people with disabilities to more easily engage with a website.

Presentation Slides »

June 12, 2021 — Bei unserem April-Meetup wollen wir uns mit Typografie für Websites beschäftigen! Oft werden Inhalte nach gut dünken formatiert, ohne überprüfbare Regeln zu haben. Das kann dazu führen, dass z. B. mehrere verschiedene Arten Telefonnummern zu formatieren, auf einer Seite zu finden sind.
Wir sehen uns Schriften und Formatierregeln an, betrachten die semantische Gliederung eines Textes durch Überschriften und schauen uns kritische Zeichen an, die oft falsch eingesetzt werden. Ein kurzer Einblick in einfache Schreibweisen und das Urheberrecht sowie empfohlene Genderformen und hilfreiche Plugins werden besprochen. Zum Abschluss gibt es einen kleinen Test, bei dem das Gelernte angewendet werden kann.
Referent ist Frank Spade, Informationswissenschaftler, Webdesigner und Lektor aus Potsdam.

October 22, 2020 — Every great design starts with great typography. We have the tools to make our layouts responsive, so isn’t it time we do that for our type? This talk explores how text reacts to a responsive context, how to manage how your typography within this context, and new technologies you can take advantage of to optimize the user experience.

Presentation Slides »

August 16, 2020 — Cuál es el proceso para elegir tipografías en un proyecto Web y como integrarlos a su tema de #WordPress utilizando ya sea plugins o utilizando el API.

December 21, 2019 — Variable fonts represent an innovation that is changing the history of typography and web design. Excellent for optimizing performance and responsive design, the format has a great potential for optimal typography and creative use. In a single file a typographic arsenal waiting to be used.

August 6, 2019 — Typography is a pillar of good design. Good typography is legible. We’ll go over some of the design fundamentals for typography. Then, we’ll go over the concepts of fluid typography and using dynamic units to set your typestyles.

Takeaways:
Typography basics for legibility
Fluid web design
Differences in web and print typography

June 5, 2019 — Colors and Typography play vital roles in modern web design and have a great impact on the audience. The Color, font and text all come together to make the brand distinct in the eyes of the user. Informed decision of color palette and typefaces for a website transforms into faster brands acceptance.