Tag Archives: team-on-twitter

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

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

Thumbnail

Fast By Default: Modern Loading Best Practices

Optimizing sites to load instantly on mobile is far from trivial. Costly JavaScript can take seconds to process, we often aren’t sensitive to users data-plans and browsers don’t know what UX-critical resources should load first. Thankfully there’s a lot we can do to give our users a MUCH better loading experience. Watch Addy Osmani (and friends) illuminate new loading best practices for diagnosing and making real world sites load instantly today.

View original post here:

Fast By Default: Modern Loading Best Practices

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