Smashing Magazine

MAY 25, 2021

A number of sites moved to font-display: swap when this first came out, and Google Fonts even made it the default in 2019. Now, when put side by side, the web fonts are considerably nicer and do fit with the Smashing Magazine brand. However, beyond that it didn’t really solve the problem. Large preview ). Large preview ).

Operating System 143

Operating System Google Website Cache 143

Smashing Magazine

DECEMBER 15, 2021

Touch Design For Mobile Interfaces: Defining Mobile Devices (Excerpt). Touch Design For Mobile Interfaces: Defining Mobile Devices (Excerpt). To many designers and developers the process of designing for mobile assumes that touch is natural, so we don’t need to pay any particular attention to the design of touch systems.

Mobile 103

Mobile Design Internet Internet 103

Smashing Magazine

AUGUST 9, 2022

Essentially, a web vital is a quality standard for UX and web performance set by Google. It measures the web performance of a single page using Google PageSpeed Insights. You can export the results as a CSV file for Excel, Google Sheets or Apple Pages. They are granular and available at domain and page levels.

Performance 130

Performance Benchmarking Website Metrics 130

Smashing Magazine

JUNE 2, 2021

Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. The design was made by a design and UX agency that also handled the HTML prototype (based on Bootstrap 4). They are basically everywhere and will dominate your design. Jennifer Brehm. 2021-06-02T10:30:00+00:00.

Performance 115

Performance Cache Website Mobile 115

Smashing Magazine

NOVEMBER 16, 2021

Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober. Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober. Touch Design for Mobile Interfaces presents and shares real information on hardware, people, interactions, and environments. Cover design by Espen Brunborg.

Mobile 87

Mobile Design Best Practices Website 87

Smashing Magazine

AUGUST 17, 2018

Designing For Micro-Moments. Designing For Micro-Moments. A couple of years ago, Google announced a new mobile-first initiative it wanted web designers and marketers to pick up on. In Myriam Jessier’s " Things Designers Should Know About SEO In 2018 ", she sums up Google’s four micro-moments: “I want to know.”. “I

Design 62

Design Google Website Small Business 62

Smashing Magazine

NOVEMBER 5, 2021

The Value Of Concept Testing As Part Of Product Design. The Value Of Concept Testing As Part Of Product Design. UX design teams are passionate about our approach to solving problems and providing users with experiences that lead to their desired outcomes. UX teams should consider it a mandatory step in designing a product.

Design 98

Design Testing Education Processing 98

Smashing Magazine

DECEMBER 7, 2023

It’s the newest metric of the bunch and is set to formally be a ranking factor in Google search results beginning in March 2024. The fact that INP is already available in performance reports means we have an opportunity to familiarize ourselves with it today, in advance of its release. The results aren’t even close!

Traffic 94

Traffic Metrics Google Monitoring 94

Smashing Magazine

MARCH 7, 2022

That’s not to say the extraneous content is pointless — enhanced design and user interfaces can have an important impact on the brand of a website, and delightful little extras can really impact your users’ relationship with your site. That user preference is available in two (hopefully soon to be three!) Save Data API.

Website 103

Website Media Mobile Network 103

Smashing Magazine

DECEMBER 23, 2020

You can find a comprehensive Beginner’s Guide To Progressive Web Apps on Smashing Magazine that focuses on building the core of PWAs. The following qualities are considered great additions to the basic PWA by Google developers. Adaptive loading illustration by Google. The Application Works Offline As It Does Online.

Cache 123

Cache Internet Internet Google 123

Smashing Magazine

NOVEMBER 9, 2021

To do that, you develop a personalized design style, including a certain combination of colors, typography, spacing, animations, and others, and apply the style consistently throughout your site. An example in case is this same website, Smashing Magazine. What about images? It makes more sense to automate this task.

Website 103

Website Social Media Media Design 103

Smashing Magazine

OCTOBER 24, 2023

Writing a hand-spun analytics tracking dashboard isn’t what my clients really want to pay me for, so I’ll drop in the ol’ Google Analytics script and maybe never think of it again. A measly front-end designer like me can be blissfully ignorant of all this mumbo-jumbo. But does it need to be available immediately ? Meh, untrue.

Google 90

Google Analytics Traffic Metrics 90

Smashing Magazine

JUNE 25, 2021

The business world today is obsessed with user experience (UX) design. Overall, this UX audit and redesign concept would be of great use to UX designers, business owners, and marketing people because it presents a way to audit and fix a product’s most obvious usability issues. On design systems, CSS/JS and UX. Mark Lankmilier.

Education 83

Education Website Google Design 83

Smashing Magazine

MARCH 19, 2021

In fact, we had to look into various cases for the form design: What happens when no data is provided at all? Given that a vast majority of our readers — wonderful people like you — are using autofill, it’s worth spending time designing an experience around it. Large preview ). New Online Workshops on Smashing.

Mobile 140

Mobile Design Cache Code 140

KeyCDN

OCTOBER 2, 2018

Codrops Codrops features blogs with topics ranging from UI design and page animations to image formatting and general JavaScript practices. A List Apart A List Apart focuses on UX and branding from business and design-oriented perspectives. Topics include web design, security, web-based tools and workflows and more.

Development 75

Development Website Design Code 75

Smashing Magazine

DECEMBER 17, 2020

Search engine optimization (SEO) is an essential part of a website’s design, and one all too often overlooked. The most beautiful, spectacular site in the world won’t do anyone much good if people can’t find it on Google (or Bing, or DuckDuckGo). From UX design to copywriting, quality content takes commitment, passion, and time.

Engineering 130

Engineering Google Website Analytics 130

Smashing Magazine

AUGUST 10, 2023

Even with all of the available tools at my disposal, I still find myself reaching for several of them. Certain tools are designed for certain metrics with certain assumptions that produce certain results. Performance can easily be a profession and full-time job by itself, just as design, accessibility, and other specializations.

Speed 81

Speed Monitoring Testing Network 81

Smashing Magazine

APRIL 19, 2021

Google has announced that from 1st May, they will start to consider “Page Experience” as part of Search ranking , as measured by a set of metrics called Core Web Vitals. even the Google tools like PageSpeed Insights and the Core Web Vitals report in Google Search Console seem to give confusing information. Barry Pollard.

Google 140

Google Metrics Mobile Analytics 140

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. On design systems, CSS/JS and smart interface design patterns. Large preview ). Large preview ).

Media 125

Media Metrics Website Google 125

Smashing Magazine

SEPTEMBER 20, 2021

If you are just starting out wondering if someone might be re-publishing your web content, the easiest thing to do is a Google search. Copy a ten or twelve-word sentence from a page of interest on your site into the Google search bar, put it inside double-quotes, and click on Search. How To Track Suspicious Activity. More after jump!

Website 89

Website Analytics Google Cache 89

Smashing Magazine

MAY 23, 2022

Some answers from the community surprised me, as they’ve included some very useful and often-requested CSS features which were made available in the past year or two. Whenever we export an icon from a design tool, it comes with a specific fill and other color values defined in the design. So, let’s get started! all Property.

Media 140

Media Tuning Design Website 140

Smashing Magazine

APRIL 29, 2022

The average user doesn’t spend much time waiting for a web page to load or to interact with the page: According to Google, if a page’s load time goes up from 1 second to 3 seconds, the probability of the user bouncing increases by 32%. Consider Google Analytics, which collects and sends tracking data using navigator.sendBeacon().

Website 80

Website Google Open Source Mobile 80

Smashing Magazine

APRIL 28, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome and focusing around performance for decades. Using responsive images is a key part of delivering fully responsive web design. The eBook is available right away (PDF, ePUB, Amazon Kindle). Print + eBook.

Media 92

Media Cache Google Best Practices 92

Smashing Magazine

JUNE 8, 2021

For a thorough guide on image optimization, we’ve teamed up with Addy Osmani , an engineer manager working on Google Chrome who was working all around web performance for decades. Using responsive images is a key part of delivering fully responsive web design. Addy Osmani is an engineering manager working on Google Chrome.

Media 105

Media Cache Google Best Practices 105

Smashing Magazine

JANUARY 15, 2019

In 2013, A List Apart published Sustainable Web Design by James Christie. 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. Sustainable Web Design. Large preview ).

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

JUNE 1, 2022

You’ve spent months putting together a great website design, crowd-pleasing content, and a business plan to bring it all together. You’ve focused on making the web design responsive to ensure that the widest audience of visitors can access your content. You’ve agonized over design patterns and usability. Ken Harker.

Website 131

Website Design Network Best Practices 131

KeyCDN

JANUARY 16, 2019

The concept of responsive web design has been around for a while, but all of the kinks have yet to be ironed out. Client hints were introduced by Google for Chrome, and other browsers have adopted (or in the process of adopting) them since the HTTP specification was released. What Are Client Hints? Why Use Client Hints?

Servers 67

Servers Google Website Energy 67

Smashing Magazine

JANUARY 11, 2021

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. You can download the spreadsheet as Google Sheets, Excel, OpenOffice document or CSV.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 21, 2021

We were designing and building things, setting up new products, refactoring the components, and publishing articles. 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. Image source: Lighthouse Metrics ) ( Large preview ).

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

AUGUST 30, 2018

It should be useful if you are new to product design, UX, interaction or digital design, or if you have experience in these fields but have not performed a competitive analysis before. Competitive Analysis, Service Design Cycle, Five-Stages Design Process. The five-stages design process. Large preview ).

Google 59

Google Design Strategy Website 59

Smashing Magazine

AUGUST 3, 2023

These pages serve as a pivotal tool in our digital marketing strategy, not only providing valuable information about our services but also designed to be easily discoverable through search engines. While paid marketing strategies like Google Ads play a part in our approach as well, enhancing our organic traffic remains a major priority.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. At first glance, it seems like a simple task, but in the background, browsers do a tedious job of calculating the size of these images in different scenarios: For images that are resized in responsive design. The change of design. Large preview ).

Media 105

Media Cache Website Mobile 105

Smashing Magazine

DECEMBER 14, 2021

Continue reading below ↓ Meet Smashing Email Newsletter with useful tips on front-end, design & UX. Subscribe and get “Smart Interface Design Checklists” — a free PDF deck with 150+ questions to ask yourself when designing and building almost anything. This is only available as a Python module.

Testing 99

Testing Network Website Google 99

Smashing Magazine

OCTOBER 11, 2022

All industries have a part to play, and that includes web design and development. On design systems, UX, web performance and CSS/JS. Other factors to consider include workload, resources (including financial), and the availability of team members. Do you really need Google Analytics on every site you build? Get Organized.

Strategy 123

Strategy Development Energy Website 123

Smashing Magazine

MAY 9, 2022

Similarly from cross-site navigation — think Google search results or the like and then clicking back. Continue reading below ↓ Meet Touch Design for Mobile Interfaces , Steven Hoober’s brand-new guide on designing for mobile with proven, universal, human-centric guidelines. Didn’t The HTTP Cache Do All That Anyway?

Cache 91

Cache Games Performance Website 91

Smashing Magazine

JANUARY 6, 2020

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. Looking back now, things seem to have changed quite significantly. thanks, Guy Podjarny! ).

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

NOVEMBER 8, 2021

Surveying the existing landscape of available developer tools and runtimes, we felt that there is a gap. Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. On top of this foundation, we add layers of caching, prerendering and edge delivery optimizations — not the other way around.

Cache 135

Cache Best Practices Strategy Servers 135