Smashing Magazine

OCTOBER 3, 2019

Inspired Design Decisions: Avaunt Magazine. After learning about Alexey Brodovitch ’s influential work on Harper’s Bazaar until the 1950s, I wanted to know the impact his legacy had on the magazine. Feitler has as much to teach people who design for the web as she did the magazine designers who followed her. Large preview ).

Design 76

Design Media Website Speed 76

Smashing Magazine

JUNE 25, 2021

So, having some free time in quarantine, I decided to check whether one of the most evolving industries right now, education technology (EdTech), uses this potential of UX. Computer Electronics” and “Technology” appear to be the most popular course categories among edX students. Take SimilarWeb. Other approaches. Other approaches.

Education 83

Education Website Google Design 83

Smashing Magazine

JUNE 2, 2021

Yes, we’ve changed how we defined the user experience of the page load to look at the loading speed of the most relevant content , but it’s basically reusing the old techniques of ensuring that the content loads as quickly as possible. Smashing Magazine article with fallback font and with full web fonts. Large preview ).

Media 125

Media Metrics Website Google 125

Smashing Magazine

JUNE 10, 2022

Many previous reading studies investigated the effect of typography on reading speed. But we know that faster speed does not always equate to better comprehension. In fact, better comprehension is often associated with slower reading speed.” — Sofie Beier (legibility expert), “ Bringing together science and typography ”.

Performance 94

Performance Design Speed Testing 94

Smashing Magazine

JUNE 3, 2022

In a way, technology also created new typeface classifications. Because technology has made it possible to design typefaces easier than ever before, we seem to be reinventing “different types of wheels” that already get the job done. They were all designed for slightly different contexts and technological times. Large preview ).

Performance 110

Performance Design Best Practices Testing 110

Smashing Magazine

MAY 9, 2022

You can also disable the Back/Forward Cache in Chrome at chrome://flags/#back-forward-cache if you want to experiment more, but the above steps should hopefully be a sufficient enough test to give a rough feel for the potential speed gains. When investigating the impact on your site look at all available metrics for any improvement.

Cache 91

Cache Games Performance Website 91

Smashing Magazine

NOVEMBER 17, 2022

Web performance refers to the speed at which a website loads, how fast it’s downloaded, and how an app is displayed on the user’s browser. Webpage performance test report for the Smashing Magazine website. Fixes To Common Problems. The Benefits Of Using An Image Service CDN. Case Study: Image Component In A Jamstack Site. Conclusion.

Media 105

Media Cache Website Mobile 105

Rigor

JUNE 12, 2019

Alla Gringaus has worked with a multitude of well-established technology and media brands, including TIME , People , The Economist , and the American Kennel Club, carrying hands-on and leading roles in front-end development and UX, all driven by user-centered design. . Introducing…Alla Gringaus. Alla Gringaus #webperf Click To Tweet.

Performance 72

Performance Social Media Internet Internet 72

Smashing Magazine

JANUARY 21, 2021

A big JavaScript bundle might seem out of place on a magazine that merely publishes articles, but actually, there is plenty of scripting happening behind the scenes. We chose to focus specifically on slow mobile devices — with slow 3G, 400ms RTT and 400kbps transfer speed, just to be on the pessimistic side of things.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

JANUARY 11, 2021

You need a business stakeholder buy-in, and to get it, you need to establish a case study, or a proof of concept using the Performance API on how speed benefits metrics and Key Performance Indicators ( KPIs ) they care about. Note : If you use Page Speed Insights or Page Speed Insights API (no, it isn’t deprecated!),

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

OCTOBER 27, 2021

Since then, technology has evolved, and what started with naked-eye observations has become a sophisticated and accurate technology to measure eye movements. Eye-tracking is nothing but new, but recent developments in technology made the methodology accessible to businesses of all sizes. “. Mobile UX Research.

Mobile 111

Mobile Website Hardware Social Media 111

Smashing Magazine

NOVEMBER 2, 2021

Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. Numerous big players have considered such an opinion and have recently implemented this technology. This primarily regards its UXUI and speed, so a progressive web app can be a solution to consider. Why is that?

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

JANUARY 7, 2019

You need a business stakeholder buy-in, and to get it, you need to establish a case study on how speed benefits metrics and Key Performance Indicators ( KPIs ) they care about. Note : If you use Page Speed Insights (no, it isn’t deprecated), you can get CrUX performance data for specific pages instead of just the aggregates.

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

JANUARY 6, 2020

You need a business stakeholder buy-in, and to get it, you need to establish a case study, or a proof of concept using the Performance API on how speed benefits metrics and Key Performance Indicators ( KPIs ) they care about. Start Render time, Speed Index ). Treo Sites provides competitive analysis based on real-world data.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JULY 29, 2019

The speed of mobile networks, too, varies considerably between countries. Perhaps surprisingly, users experience faster speeds over a mobile network than WiFi in at least 30 countries worldwide, including Australia and France. South Korea has the fastest mobile download speed , averaging 52.4 per GB respectively. Mbps upload.

Cache 96

Cache Google Mobile Network 96

Smashing Magazine

AUGUST 20, 2021

Fast-forward 30 years, and website technology has changed significantly — we have images, stylesheets, JavaScript, streaming video, AJAX, animation, WebSockets, WebGL, rounded corners in CSS — the list goes on. I vividly remember receiving a PC Magazine for my birthday with a trial of Dreamweaver.

Ecommerce 139

Ecommerce Website Government Internet 139

Smashing Magazine

MARCH 9, 2020

As you can see, the impact is considerable — especially on lower-end devices and slow network speed, where images are coming in separately. However, when you use CSS like below to ensure images do not overflow their available space, then you run into problems as soon as the available width becomes smaller than the actual image size.

Website 125

Website Code Mobile Network 125

Smashing Magazine

APRIL 1, 2020

We need a new breed of CMS — one that can make content available through any channel at which point a Headless CMS is required. The API makes contents available through any channel and on any device using most favorite tools and programming languages plus it also provides a higher level of security and much better scalability.

Open Source 103

Open Source Website Mobile Code 103

Smashing Magazine

MARCH 28, 2019

Because server technology is rarely understood by the people who own websites, it’s easy for them to mistakenly think they can save money there. All I mean is that it would be beneficial to understand how the technology behind a website affects the outcomes of what you’ve built. I get why they’d think that way. Apache vs. nginx.

Website 48

Website Servers Design Traffic 48

Smashing Magazine

OCTOBER 26, 2021

Nx is an open-source build framework that helps you architect, test, and build at any scale — integrating seamlessly with modern technologies and libraries, while providing a robust command-line interface (CLI), caching, and dependency management. Nx uses distributed graph-based task execution and computation caching to speed up tasks.

Cache 109

Cache Servers Code Storage 109

Smashing Magazine

JANUARY 7, 2022

Especially if your technology stack has just been hacked and set up for ransom. If you speed up, you’ll likely through off your car’s alignment and loosen up some other critical parts. Your pit crew should be available for quick, pointed input. You’ll need to pull over, stop the car, and get it fixed.

Design 92

Design Logistics Strategy Benchmarking 92

Smashing Magazine

FEBRUARY 2, 2022

How quickly the file is downloaded depends on the connection speed and the size of the file itself. There is a wide range of devices available on the market with different CPU and memory specs, so it’s no surprise that the difference in JavaScript execution time between the high-end devices and average devices is huge. Large preview ).

Code 89

Code Performance Network Website 89

Smashing Magazine

MAY 6, 2019

Lazy loading is a way to improve the performance of a website or web application by maximizing the rendering speed of the above-the-fold images and iframes (and sometimes videos) by deferring the loading of below-the-fold content. kB gzipped and it’s already available on GitHub , npm , and jsDelivr. JavaScript-Driven Lazy Loading.

Website 103

Website Best Practices Media Open Source 103

Smashing Magazine

NOVEMBER 22, 2021

We deployed these enhancements gradually over time to ensure that our users didn’t experience any disruptions, but instead only a consistent improvement of their site speed. Source: HTTP Archive's Core Web Vitals Technology Report. We also expect this upwards trend to continue as we roll out additional improvements to our platform.

Website 126

Website Performance Google Media 126

Smashing Magazine

JUNE 28, 2021

Drew: I guess there’s always a trade-off, isn’t there with technology choices? I tend to find in technology choices, the most important thing is just to know. You just plug the theme provider in there and Chakra does the rest of the work and it just becomes available everywhere. Some of these are actually available.

Website 62

Website Design Open Source Software 62

Smashing Magazine

SEPTEMBER 26, 2019

In software development, the word “migration,” when we need to upgrade or change technology in a project, usually falls under the latter case, unfortunately. Instead, you migrate application bit-by-bit and make those new bits available to your users as soon as they are ready. Good,” “Fast,” “Cheap”. Why "Frankenstein"? Web Components.

Architecture 73

Architecture Virtualization Servers Technology 73

Smashing Magazine

MAY 20, 2020

It also allows the project to be loaded faster, which is pretty important in regards to the growing mobile share and new markets with slow connection speeds and fragmented internet coverage. It’s great when you have the opportunity to experiment with the bleeding edge technology. Package For Measuring Library Size. Array(cors)].map(()

Performance 98

Performance Metrics Best Practices Code 98

Smashing Magazine

OCTOBER 12, 2021

This new technology may cause some to rethink how entire design and engineering teams collaborate and work through use cases and building components. So, you may be wondering, how does UXPin Merge’s technology help with this over-the-top process we all employ today? Out With The Old Process. In With The New Process.

Design 109

Design Development Testing Processing 109

Smashing Magazine

JULY 19, 2021

Dodds argues testing technology has caught up to a point where there are no longer large cost trade-offs for writing integration tests, which is where his concept of the “test trophy” comes in. Available Solutions For Visual Testing. Trophy including End to End, Integration, Unit, and Static ( Large preview ).

Testing 141

Testing Code Design Strategy 141

Smashing Magazine

JULY 6, 2021

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. For example, if the CMS is built on Microsoft’s.NET Framework, the front-end website would also be built on the same technology. But where do they preview the content before it is made available to the general public?

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

JANUARY 21, 2019

Hence, the API can be implemented on any language (which is one of the beauties of GraphQL: being a specification and not an actual implementation has enabled it to become available in a myriad of languages.). Let’s analyze how these three methods compare to each other, in terms of speed and the amount of data retrieved.

Social Media 64

Social Media Database Media Website 64

Smashing Magazine

JULY 20, 2021

But technology is evolving, and there are more and more options that make it easier to create websites. But this also has some disadvantages, you still need to configure and update WordPress, make it secure and are dependent on their technology for the development of new functionalities. Technology. Monolithic. Architecture.

Website 141

Website Architecture Technology Technology 141

Smashing Magazine

SEPTEMBER 6, 2021

Using just a few (but still more than one), however, could nicely balance congestion growth with better performance, especially on high-speed networks. Will be enabled by default in version 15, which is currently in technology preview. Luckily, other lower-level tools are available to help with this. Clients and QUIC Discovery.

Network 104

Network Servers Cache Traffic 104

Smashing Magazine

NOVEMBER 15, 2021

Hyper is an Electron-based terminal app for Mac, Windows, or Linux that’s built with web technologies (HTML/CSS/JS). Includes dozens of themes and plugins and is built on speed and stability. Asciinema is another popular option for terminal recording and sharing, but not available for Windows. Large preview ). Large preview ).

Development 133

Development Google Storage Open Source 133