Smashing Magazine

MARCH 7, 2022

Approximately two-thirds of Indian mobile Chrome users of Smashing Magazine have this setting turned on, for example. For Smashing Magazine, that involved dropping some of our web fonts. And Is It Used? Again, I talked about this that previous article , and the answer is a resounding yes! Data Saver. Network Signals. 2g , and 0.3%

Website 103

Website Media Mobile Network 103

Smashing Magazine

MARCH 23, 2020

Recently, I was browsing a new addition to my library and was captivated by one magazine spread. A selection of covers from Otto Storch’s time as art director for McCall’s Magazine. Publishing can be a cut-throat business, and the magazines Storch worked on weren’t high-fashion. Inspired Design Decisions: Avaunt Magazine.

Design 106

Design Media Energy Availability 106

KeyCDN

OCTOBER 2, 2018

New technologies, libraries, and techniques are continuously emerging and if you want to stay on top of all these changes you will need to immerse yourself in communities, groups, and conferences all revolving around web development. Smashing Magazine Smashing Magazine is an established resource for those who want to master the front end.

Development 75

Development Website Design Code 75

Smashing Magazine

NOVEMBER 9, 2021

An example in case is this same website, Smashing Magazine. That’s why all avatars, the arrow button, and many other elements are all tilted, at the same angle as the Smashing logo is: Tilted elements in Smashing Magazine ( Large preview ). What about images? to demonstrate its transformation capabilities. Let’s start!

Website 103

Website Social Media Media Design 103

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

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

OCTOBER 29, 2019

Spend enough time running websites through PageSpeed Insights and you’ll notice that Google has a major beef with traditional image formats like JPG, PNG and even GIF. Here’s what Google suggests: PageSpeed Insights demonstrates how much storage and bandwidth websites stand to save with WebP. Source: Google ) ( Large preview ).

Website 72

Website Speed Cache Google 72

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

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

MAY 17, 2021

Last year, Google started emphasizing the importance of Core Web Vitals and how they reflect a person’s real experience when visiting sites around the web. It wasn’t long before a sea of red “poor” and yellow “needs improvement” notices in our Google Search Console needed our attention. How We Improved Our Core Web Vitals (Case Study).

Google 93

Google Analytics Serverless Metrics 93

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

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

AUGUST 25, 2022

The great thing today is that you can use the same technologies used by Netflix or Hulu to deliver your videos. It almost sounds like magic, but let’s look at the technology and how it works. From time to market, cost (and cognitive overhead), the best way to add video is to utilize a video streaming service.

Media 106

Media Speed Network Analytics 106

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 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 ). For each of them, Google recommends a range of acceptable speed goals.

Performance 145

Performance Cache Media Metrics 145

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

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. But everything we will see can be extrapolated to any other technology. Likewise, renowned websites such as Smashing Magazine , web.dev , and Web Almanac by Google, Mozilla docs , among others, will let you know the state of the web and the latest developments.

Media 105

Media Cache Website Mobile 105

Smashing Magazine

SEPTEMBER 3, 2019

But those days are gone: Websites have gotten very complex, involving many tools and technologies in their stacks. To keep our applications relevant, we must continuously evaluate the latest offerings and decide if to add them to our technology stack. Conclusion.

Website 82

Website Serverless AWS Lambda 82

Smashing Magazine

SEPTEMBER 15, 2021

For years, we waited patiently for browsers to adopt CSS technology faster. Google Workspace ( Gmail , Calendar , Drive , etc) stopped IE11 support on March 15, 2021. Google Workspace ( Gmail , Calendar , Drive , etc) stopped IE11 support on March 15, 2021. Take Another Look At Trusted Techniques With New CSS Properties.

Internet 135

Internet Internet Google Design 135

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. +. Capacitive Touch. +. Standards, Assumptions, and Problems. +. Finding Out How People Hold and Touch. +.

Mobile 87

Mobile Design Best Practices Website 87

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

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

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

JANUARY 7, 2019

If you want to get started with GraphQL, Eric Baer published two fantastic articles on yours truly Smashing Magazine: A GraphQL Primer: Why We Need A New Kind Of API and A GraphQL Primer: The Evolution Of API Design ( thanks for the hint, Leonardo! ). On Smashing Magazine, we could measure 19-32% improvement , too. Large preview ).

Performance 103

Performance Cache Metrics Network 103

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. When counted as computers, as they commonly are, they make up 10–20% of all PCs sold &mdahs; and this figure is rising rapidly.

Mobile 103

Mobile Design Internet Internet 103

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

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

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

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. Is this something users aren’t aware they are doing that’s additional, but you’ve identified a technology that could remove a step from their process?

Design 98

Design Testing Education Processing 98

Smashing Magazine

NOVEMBER 5, 2018

It has been brought to our attention that this piece is a reworded version of an article published on the Google Web Fundamentals site, written by our friend Jeremy Wagner. Improve Animated GIF Performance With HTML5 Video. Ayo Isaiah. 2018-11-05T14:30:14+01:00. 2019-04-29T18:34:58+00:00.

Performance 59

Performance Website C++ Open Source 59

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

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. Something that makes it really, really simple. Really quick to implement. Drew: Yes. I think that’s fair. Why would I waste your time teaching that to you?

Website 62

Website Design Open Source Software 62

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 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

NOVEMBER 30, 2021

The web technology changes so fast, but the web itself tends to move a little bit slower just in terms of developer trends and habits. And so you see these slightly longer arcs where you’ll have a bunch of technology pile up around one approach and then it’ll slowly start to swing the other way and then change all at once.

Technology 94

Technology Technology Servers Code 94

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

OCTOBER 23, 2021

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). Firebase is application development software from Google that enables us to develop iOS, Android, and web apps. Why Quasar Framework?

Database 111

Database Code Mobile Google 111