Tag Archives: typo-on-the

Thumbnail

Beyond Media Queries

Media queries have always been a cornerstone of responsive design but the role of media queries is changing. It’s now possible to make websites with responsive properties that are not tied to specific breakpoints.
Learn how to use fluid typography, responsive SVG, adaptive flexbox components, CSS grid and custom properties to create unique responsive solutions that go beyond media queries.

Excerpt from:  

Beyond Media Queries

Thumbnail

Web Typography: Where East Meets West

When we talk about typography, the most common associations are print and Latin-based letters. Many associate printing with Gutenberg’s printing press, but the first moveable type was invented by Bi Sheng in China approximately 400 years earlier. And today, even though print has yet to fall out of favour, the explosion of the web has resulted in a lot of reading being done off screens of all sizes.
Analog typesetting is done with metal slugs, but the web uses CSS to set type.

Read More: 

Web Typography: Where East Meets West

Thumbnail

Psychology and The Perfect Design

In this talk, Joe will take you on a journey to find the holy grail we are all looking for: the “perfect” design. We’ll look at a practical strategy that uses psychology to produce the ideal design for those tricky user experience design problems we face everyday.
What exactly is the perfect design? Well, that’s what you will find out in the session. We’ll look at the three aspects that define the perfect design and how you can make it work in your projects.

More here:  

Psychology and The Perfect Design

The Gnarly Gotchas Of Page Load Performance

If you want to build a high-performance progressive web app, you need to make sure people get your HTML, CSS, and JavaScript fast!
In this interactive talk, we’ll look into the weird gotchas of the web platform, and learn how to overcome them.

Continue reading: 

The Gnarly Gotchas Of Page Load Performance

The Joy of Optimizing Images

Images are by far the greatest bottleneck to performance on the web, and with the average web page size now about 2.5MB large—images taking up 65% of that—we need to tame the beast. Running images through a compression program like ImageOptim is a good first step, but what else can we do? In this engaging talk, Una will survey new image formats and dive deep into image rendering and performance optimization techniques, demonstrating practical approaches to making your web projects noticeably faster.

This article is from:  

The Joy of Optimizing Images

Thumbnail

Web Fonts Are ИØ Rocket Science

Web fonts are difficult to get right. An often overlooked and disruptive piece of web performance, web fonts can slow down your site and leave your visitors confused and agitated. No one wants agitated visitors. In this talk we’ll discuss useful methods to render web fonts quickly and without disruption so that visitors can do what should be a simple task—read the text. After all, web fonts are not rocket science.

Read more: 

Web Fonts Are ИØ Rocket Science

Image Performance: Good For Your Users, Good For Your Business

We know that there’s a lot of optimizations that we can use to improve the performance of our images – but does this work really translate into wins for your company? In this talk, Allison McKnight, performance engineer at Etsy, will share real-world examples of the positive impact that image optimizations can have on metrics that your bosses and clients care about. You will walk away from this talk with compelling data and useful tools to help you get buy-in and support for this important user experience work at your company.

Source article – 

Image Performance: Good For Your Users, Good For Your Business