Remove Code Remove Hardware Remove Magazine Remove Website
article thumbnail

How Improving Website Performance Can Help Save The Planet

Smashing Magazine

How Improving Website Performance Can Help Save The Planet. How Improving Website Performance Can Help Save The Planet. But as it stands, websites are growing ever more obese, which means that the energy demand of the Internet is continuing to grow exponentially. Jack Lenox. 2019-01-15T13:30:32+01:00. 2019-04-29T18:34:58+00:00.

article thumbnail

Eye-Tracking In Mobile UX Research

Smashing Magazine

If you are designing an app or a website, you can test how easy and intuitive it is to complete a specific task, fill out a form, find certain information, or buy a product. They used eye-tracking to measure visual attention on banners, animated graphics, and navigational tools in websites. Eye-Tracking Evolution. More after jump!

Mobile 114
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

A Guide To Modern CSS Colors

Smashing Magazine

This code gives our element a red background color: my-element { background-color: #ff0000; }. When building a website we might be given a hex color value by a designer, but if they asked us to make it, say 20% darker, we would have a hard time doing that by adjusting the hex value, without a visual guide or color picker.

Energy 145
article thumbnail

How We Improved SmashingMag Performance

Smashing Magazine

It always starts with the long-awaited website overhaul. And suddenly, before you know it, the code base gets a little bit overweight and fragmented , third-party scripts have to load just a little bit earlier, and shiny new dynamic content finds its way into the DOM through the backdoors of fourth-party scripts and their uninvited guests.

article thumbnail

Solving Common Cross-Platform Issues When Working With Flutter

Smashing Magazine

More specifically, we’re going to talk about storage and UI differences, which are the ones that most often cause confusion to developers when writing Flutter code that they want to be cross-platform. Running Different Code On Different Platforms. In this article, we’re going to see some of those differences and how to overcome them.

Storage 94
article thumbnail

Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober

Smashing Magazine

Touch Design for Mobile Interfaces presents and shares real information on hardware, people, interactions, and environments. Chapter 9 describes ways we can consider likely problems when planning the design of our apps and websites. Form Design Patterns A practical guide to designing and coding simple and inclusive forms.

Mobile 89
article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

Have we optimized enough with tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, progressive hydration, clients hints, HTTP/3, service workers and — oh my — edge workers? It’s much easier to reach performance goals when the code base is fresh or is just being refactored.