Year round learning for product, design and engineering professionals

Web Directions Hover ’21 session spotlight–Typography superpower with variable fonts and CSS

Over the years, there has been a lot of effort in getting typography on the web right. With the advent of variable fonts, we’re already witnessing how it improves the experience and even web performance.

We’ll explore how adding modern CSS capabilities such as layout grids and custom properties in the mix truly gives us superpowers to create practical dynamic type systems that are accessible, performant and works across various screen dimensions.

Dynamic Typography with Fluid Sizing and Variable Fonts–Jason Pamental at Design ’19

Typography has been one of the great challenges in digital design, particularly on the Web. The arrival of font embedding, and services like Typekit a few years ago extended the range of fonts available to designers significantly, but came with performance costs. And while designers developed ‘responsive’ techniques for layout, responsive typography, that adapts to […]

Fonts on the Web

Regular readers will know the issue of embeddable/linkable fonts for the web is more than a passing interest here at Web Directions. Today, font designer Tal Leming talks about the issues from the perspective of folks who design typefaces, while Jeffrey Zeldman interviews Type designer David Berlow from a similar perspective. There’s little doubt the […]

Bert Bos summarizes the issues around Webfonts

Bert Bos, co-inventor of CSS, has a detailed summary of the issues around font embedding and standardization from a couple of months back. Why so much on this of late here? We feel at web directions that this is a development ultimately as significant as the rise of CSS for web design and development. We […]

Web fonts – great news with Opera 10 Alpha

Opera had just announced an Alpha of Opera 10, with some excellent support for new and emerging standards, including one of my favorites, font linking. Currently, Safari, Internet Explorer, Firefox 3.1, and now Opera 10 support font linking via the @font-face mechanism. Internet Explorer has in fact supported this feature for many years, using the […]

This week’s reading from Web Directions

This week, we launched the programme for our upcoming Next conference, “Product in the Age of AI and LLMs“, as well as the full programme for our Developer Summit conference, coming up in late November in Sydney and, of course, online. Check out the programmes, mark your calendars, and we’ll see you there for these fantastic events!  If you’d […]

Your weekly reading from Web Directions

Last week we hosted UX Australia – the first for a couple of years. It was an amazing two days of in-depth expert talks on service design and user experience and all things modern design. The values of community, connection, and care emerge time and again across the talks. We’ll have the videos from the […]

Your weekly reading (and more) from Web Directions

Before we get started, a couple of quick announcements. This week, we announced the full programme for two upcoming conferences: UX Australia (end of August in Melbourne) and Engineering AI (September 12th in Sydney). So if either of those sound valuable to you, take a look at the full lineup now, and both are in-person […]

Your weekend reading

For 3 decades now (indeed a little more) my life has revolved around the Web. Developing for it, developing software to help others develop for it, writing about it, teaching about it, talking about it. Curiously the last couple of weeks’ roundups have had some backwards looking aspects to them–last week we had a refresher […]

delivering year round learning for front end and full stack professionals

Learn more about us

Web Directions South is the must-attend event of the year for anyone serious about web development

Phil Whitehouse General Manager, DT Sydney