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. For this, you can use such well-known tools as Semrush and SimilarWeb and reviews from Trustpilot , Google Play , and Apple’s App Store. Take SimilarWeb.

Education 83

Education Website Google Design 83

Smashing Magazine

JUNE 2, 2021

Nor will I talk too much about the mechanics of how CLS is calculated: Google has some good documentation on that , and Jess Peck ’s The Almost-Complete Guide to Cumulative Layout Shift is an awesome deep dive into that too. Smashing Magazine article with fallback font and with full web fonts. Large preview ). Large preview ).

Media 125

Media Metrics Website Google 125

Smashing Magazine

APRIL 13, 2020

It’s rare to find such creative uses for type online, studying the work of graphic designers and talented typographers can open our eyes to what we can achieve using today’s type technologies. Inspired Design Decisions: Avaunt Magazine. U&lc (Uppercase and lowercase) magazine by Herb Lubalin. Fact magazine by Herb Lubalin.

Design 116

Design Media C++ Technology 116

Smashing Magazine

JUNE 26, 2019

Instead, I suggest that web designers use another Google testing tool called Test My Site. Test My Site is a mobile page speed testing tool from Think with Google. Although we’ve been told for years that visitors are willing to wait three seconds for a web page to load , Google considers 2.9 seconds too long.

Website 110

Website Speed Mobile Design 110

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. Much of this data related to Core Web Vitals which Google has announced back in 2020, and which also contribute to and are exposed in Lighthouse. Large preview ).

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

AUGUST 25, 2022

The great thing today is that you can use the same technologies used by Netflix or Hulu to deliver your videos. Adaptive bitrate videos have multiple versions of the video available and can adapt to the network speed of your customer. It almost sounds like magic, but let’s look at the technology and how it works.

Media 106

Media Speed Network Analytics 106

Smashing Magazine

JANUARY 11, 2021

Assets Optimizations Brotli, AVIF, WebP, responsive images, AV1, adaptive media loding, video compression, web fonts, Google fonts. Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). Adjust the argument depending on the group of stakeholders you are speaking to.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 15, 2019

Partly as a result of this campaign, Google announced last year that for the first time it had purchased enough renewable energy to match 100% of its global consumption for operations. In this screenshot below, for example, we can see that loading the Smashing Magazine website for the first time incurs just under a megabyte of data transfer.

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

SEPTEMBER 3, 2019

But those days are gone: Websites have gotten very complex, involving many tools and technologies in their stacks. This image shows all the readily available actions: Out of the box actions in Buddy. All this process sounds like a bit too much, right? Introduction To Continuous Integration, Delivery, And Deployment. Large preview ).

Website 82

Website Serverless AWS Lambda 82

Smashing Magazine

NOVEMBER 16, 2021

We’ll come to understand how important it is to understand mobile technology and use patterns, and become aware that mobile paradigms are influencing more traditional computing platforms. The History and Technology of Touch. +. The eBook is available right away (PDF, ePUB, Amazon Kindle). Capacitive Touch. +. Print + eBook.

Mobile 87

Mobile Design Best Practices Website 87

Smashing Magazine

MAY 9, 2022

Similarly from cross-site navigation — think Google search results or the like and then clicking back. The Core Web Vitals initiative gives us a way of seeing the impact on real user web browsing, and the Core Web Vitals Technology Report allows us to see these figures by site based on HTTP Archive monthly crawls.

Cache 91

Cache Games Performance Website 91

Smashing Magazine

JULY 29, 2019

Google Homepage — DOM. This isn’t useless JavaScript; Google has to have some in order to display suggestions as you type. For comparison, I disabled JavaScript and reloaded the page: The disabled JS version of Google search was only 102 KB and had just 5 network requests. Google Dev Docs. 402 KB transferred, 1.1

Cache 96

Cache Google Mobile Network 96

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

JANUARY 6, 2020

Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). Note : as TCP generally under-utilizes network connection by a significant amount, Google has developed TCP Bottleneck Bandwidth and RRT ( BBR ), a relatively new TCP delay-controlled TCP flow control algorithm.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

DECEMBER 15, 2021

Changes in the technology of touch over time mean that many assumptions and standards of how to design for touch from just a few decades ago are no longer relevant — and may be actively misleading or dangerous. Yes, many foreign market devices are available in other countries, and work well. Personal Computer. Editor’s Note.

Mobile 103

Mobile Design Internet Internet 103

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. But everything we will see can be extrapolated to any other technology. Note : To be able to see the custom type native-color-picker available in that list, you need to install the Colorpicker app in the space App Directory. Large preview ). Large preview ).

Media 105

Media Cache Website Mobile 105

Smashing Magazine

JANUARY 7, 2019

Time to Interactive (TTI) The point at which layout has stabilized, key webfonts are visible, and the main thread is available enough to handle user input — basically the time mark when a user can interact with the UI. Still, it’s not that difficult , and its support is coming, e.g. it’s available since Apache 2.4.26.

Performance 103

Performance Cache Metrics Network 103

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. Hence, they can’t be promoted separately or found by users who’ve input a search query in Google.

Code 74

Code Cache Retail Mobile 74

The Agile Manager

FEBRUARY 27, 2012

Each is a new take on an old theme, echoing one part of the contradiction that has riddled every business with a captive technology department: we want to minimize how much we spend on IT, and we want IT to be a source of innovation. Personal technology such as spreadsheets and smartphones empowers increasingly tech-savvy knowledge workers.

Ecommerce 45

Ecommerce Social Media Retail Airlines 45

Smashing Magazine

NOVEMBER 22, 2021

A website’s performance can make or break its success, yet in August 2020, despite many improvements we had previously made, such as implementing Server-Side Rendering (SSR), the ratio of Wix websites with good Google Core Web Vitals (CWV) scores was only 4%. Source: HTTP Archive's Core Web Vitals Technology Report. Large preview ).

Website 126

Website Performance Google Media 126

Smashing Magazine

MAY 6, 2019

in which he stated that the Google Chrome team are already developing the feature and intend to ship it in Chrome 75. When a new browser technology is released to a single browser, the open-source community usually releases a JavaScript polyfill to provide the same technology to the rest of the browsers. No Use For A Polyfill.

Website 103

Website Best Practices Media Open Source 103

Smashing Magazine

NOVEMBER 5, 2021

However, with limited resources including time, money, and available labor, decisions need to be made: Should the enrollment be mobile friendly? Concept testing can help you identify a viable idea for the present and also identify ideas you might implement in the future when technology or society is ready. A/B Testing Using Artifacts.

Design 98

Design Testing Education Processing 98

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

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. It worked a treat without having 50 Google Docs flying all over the place.

Cache 143

Cache Website Mobile Google 143

Smashing Magazine

JULY 9, 2021

You have a site that does not traverse well (or at all) when disabled users use assistive technologies such as a screen reader, keyboard, or voice recognition to navigate around the site because they lack the motor skills or dexterity to do so. If you switched to a lighter blue or white font within the 4.5 See large preview ).

Website 145

Website Mobile Design Testing 145

Smashing Magazine

AUGUST 19, 2021

Unethical practices at companies lead to the creation of technology that we all use but often neglect the influence of those intended to serve. A real interaction between computers and humans starts at technological conception by understanding users through a sound and ethical user research discipline. What are ethics anyway?

Code 137

Code Design Education Government 137

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. Related Reading on SmashingMag.

Website 141

Website Architecture Technology Technology 141

Smashing Magazine

DECEMBER 22, 2021

After several months of strict Covid quarantine gave product designer Ehsan Noursalehi a new perspective on our relationship with technology, he decided to convert his obervations and questions into an online micro book. Fonts Knowledge by the team at Google Fonts helps you make well-considered typographic choices. Why do we interface?

Airlines 128

Airlines Mobile Design Strategy 128

Smashing Magazine

OCTOBER 23, 2021

The deployed app is available for viewing , and the final code is on Github. It has many features that enable you, as a web developer, to build apps on desktop and mobile and to create progressive web apps (PWAs) using technologies such as Cordova, Electron, and the web (Vue.js). knowledge of how the command-line interface (CLI) works.

Database 111

Database Code Mobile Google 111

Smashing Magazine

AUGUST 9, 2021

We know she’s an expert on designing technology to protect the vulnerable, but did you know she’s the international record holder for the most doughnuts performed in a forklift truck? She is the Principal Designer at 8th Light, where she designs and builds custom software and consults on safe and inclusive design strategy. Eva: Yeah.

Design 98

Design Education Network Google 98

Smashing Magazine

SEPTEMBER 6, 2021

mvfst (Facebook), MsQuic , (Microsoft), (Google), ngtcp2 , LSQUIC (Litespeed), picoquic , quicly (Fastly). I would personally recommend using Cloudflare or Fastly because they have been intimately involved in the standardization process and will have the most advanced and well-tuned implementations available. Google Lighthouse.

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). Fig adds VSCode-style autocomplete to your existing terminal and includes support for existing CLI tools like Git, npm, Kubernetes, Docker, AWS, Google Cloud, and more. Large preview ). Large preview ). Large preview ).

Development 133

Development Google Storage Open Source 133