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

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

Brendan Gregg

FEBRUARY 28, 2023

As I was determined to become great at my new occupation regardless of my location, I read every sysadmin book, article, and magazine I could find on the shelf.

Performance 52

Performance Latency Cache Virtualization 52

Smashing Magazine

JUNE 13, 2019

Inspired Design Decisions: Avaunt Magazine. Inspired Design Decisions: Avaunt Magazine. I hate to admit it, but five or six years ago my interest in web design started to wane. Web design had stagnated, predictability had replaced creativity, and ideas seemed less important than data. Andrew Clarke.

Design 104

Design Media Energy Innovation 104

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

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. Designing The Perfect Navigation. UX, Design.

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

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

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

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. Further Reading on Smashing Magazine.

Website 89

Website Analytics Cache Google 89

Smashing Magazine

MARCH 23, 2020

Inspired Design Decisions With Otto Storch: When Idea, Copy, Art And Typography Became Inseperable. Inspired Design Decisions With Otto Storch: When Idea, Copy, Art And Typography Became Inseperable. I replaced them with books on art direction, editorial, and graphic design. Andrew Clarke. 2020-03-23T13:00:00+00:00.

Design 106

Design Media Energy Availability 106

Smashing Magazine

JANUARY 5, 2022

Ten Tips For The Aspiring Designer Beginners (Part 1). Ten Tips For The Aspiring Designer Beginners (Part 1). In this article, I want to share ten tips that helped me grow and become a better designer, and I hope these tips will also help you while you’re trying to find more solid ground under your feet. Luis Ouriach.

Design 126

Design Social Media Website Best Practices 126

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

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

MAY 12, 2022

How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks. How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks. As I previously mentioned, my primary data source for this analysis is Google CrUX. Starting in June 2021, these metrics have become a ranking factor for Google search.

Google 127

Google Performance Website Mobile 127

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. More after jump! Your (smashing) email. Once a week.

Testing 99

Testing Network Website Google 99

Smashing Magazine

OCTOBER 18, 2021

Apart from that, we check the Google Search Console Core Web Vitals Report section to get an idea of any potential CLS issues in any of our pages. On design systems, CSS/JS and UX. So we decided to use Web Vitals Google Chrome extension since it can record CLS on a page while the user is interacting with it. More after jump!

Website 105

Website Google Metrics Testing Tools 105

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

OCTOBER 27, 2021

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. Before those studies, web pages were designed as printed media, with columns and big blocks of text. Eye-Tracking Evolution. Source: Oculid) ( Large preview ).

Mobile 111

Mobile Website Hardware Social Media 111

Smashing Magazine

NOVEMBER 8, 2021

Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. Our vision with Hydrogen and Oxygen is to unlock the best of both worlds and make building and running the next million of modern — dynamic, contextual, and personalized — storefronts easier, more cost-effective, and fun. More after jump!

Cache 135

Cache Best Practices Strategy Servers 135

Smashing Magazine

SEPTEMBER 15, 2021

On design systems, CSS/JS and UX. Google Workspace ( Gmail , Calendar , Drive , etc) stopped IE11 support on March 15, 2021. This might seem manageable for you, but the more complicated our button designs get, the more overhead we have with hover styles. More after jump! With Carie Fisher, Stefan Baumgartner and so many others.

Internet 135

Internet Internet Google Design 135

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

APRIL 13, 2020

Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography. Inspired Design Decisions With Herb Lubalin: Typography Can Be As Exciting As Illustration And Photography. Inspired Design Decisions: Avaunt Magazine. Inspired Design Decisions: Pressing Matters.

Design 116

Design Media C++ Technology 116

Smashing Magazine

NOVEMBER 2, 2021

Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. 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

APRIL 11, 2022

Loading experience is crucial to the user’s first impression and overall usability, so Google defined Largest Contentful Paint (LCP) metric to measure how quickly the main content loads and is displayed to the user. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web.

Media 69

Media Tuning Metrics Google 69

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

JUNE 20, 2019

Optimizing Google Fonts Performance. Optimizing Google Fonts Performance. It’s fair to say Google Fonts are popular. Without Google Fonts you would be limited to the handful of “ system fonts ” installed on your user’s device. Like all good things, Google Fonts do come with a cost. Danny Cooper. Large preview ).

Google 111

Google Performance Cache Website 111

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. For Smashing Magazine, that involved dropping some of our web fonts. And Is It Used?

Website 103

Website Media Mobile Network 103

Smashing Magazine

JUNE 26, 2019

What Web Designers Can Do To Speed Up Mobile Websites. What Web Designers Can Do To Speed Up Mobile Websites. I recently wrote a blog post for a web designer client about page speed and why it matters. However, their focus has always been on making a great-looking and effective design. Suzanne Scacca. seconds too long.

Website 110

Website Speed Mobile Design 110

Smashing Magazine

AUGUST 9, 2021

Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety. Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety. In this episode, we’re talking about designing for safety. What does it mean to consider vulnerable users in our designs? Design for Safety from A Book Apart. Drew McLellan.

Design 98

Design Education Network Google 98

Smashing Magazine

JUNE 18, 2020

That’s because they are meant for user preferences, as mentioned here in the case of iOS and here in the Android documentation when talking about the Security library which is designed to provide wrappers to the SharedPreferences specifically to encrypt the data before storing it. Secure Storage On Mobile. Large preview ).

Storage 93

Storage Mobile Website Java 93

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. Rather than pushing off INP until after it starts influencing the way we measure site performance, let’s take a few minutes to level up our understanding of what it is and why it’s designed to replace FID.

Traffic 94

Traffic Metrics Google Monitoring 94

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. There are self-hosted alternatives to Google Analytics, after all.

Google 90

Google Analytics Traffic Metrics 90

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

JUNE 28, 2021

Designing With Code: A Modern Approach To Design. The Rise Of Design Thinking As A Problem Solving Strategy. But for me, I don’t have design sense. A little bit, but I’m not a designer by any means. Drew: It’s an off the shelf design system that you can drop in to build the UI for your project. aj Dobrucki.

Website 62

Website Design Open Source Software 62

Smashing Magazine

SEPTEMBER 28, 2022

There are millions of sites, and you are in close competition with every one of those Google search query results. On design systems, UX, web performance and CSS/JS. Agustinus Theodorus. 2022-09-27T14:00:00+00:00. 2022-09-27T16:33:12+00:00. When it comes to performance, you shouldn’t be stingy. More after jump!

Cache 125

Cache Performance Servers Social Media 125

Smashing Magazine

AUGUST 10, 2023

Certain tools are designed for certain metrics with certain assumptions that produce certain results. For example, the data is limited to Chrome users who are logged into their Google account, so it’s not completely representative of all users. Lighthouse results.

Speed 81

Speed Monitoring Testing Network 81