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.
Beyond Media Queries
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.
Psychology and The Perfect Design
View original post here:
Fast By Default: Modern Loading Best Practices
In this interactive talk, we’ll look into the weird gotchas of the web platform, and learn how to overcome them.
The Gnarly Gotchas Of Page Load Performance
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
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.
Web Fonts Are ИØ Rocket Science
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
Who doesn’t like a good ol’ front-end checklist? Eslam Salem is maintaining API Security Checklist, with important security countermeasures when designing, testing, and releasing your API. Bonus: Inclusive Design Checklist, Performance checklist.
API Security Checklist