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 63

Design Google Website Small Business 63

Smashing Magazine

NOVEMBER 23, 2021

Existing best practices and guidance, such as the Web Content Accessibility Guidelines (WCAG), give us a solid foundation for inclusive design and already incorporate many details that affect dyslexic readers. In this article, we’ll look at ways to make an existing design dyslexia-friendly. An Existing Design.

Website 134

Website C++ Best Practices Design 134

Smashing Magazine

AUGUST 15, 2023

Meet Touch Design for Mobile Interfaces , Steven Hoober’s brand-new guide on designing for mobile with proven, universal, human-centric guidelines. 400 pages , jam-packed with in-depth user research and best practices. Here’s how we are approaching it.

Media 74

Media Metrics Mobile Best Practices 74

Smashing Magazine

OCTOBER 29, 2021

Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. With 100s of real-life examples , guidelines and best practices that you can apply right away. This free e-book from the Copyblogger team is designed to get you up and running with the copywriting basics in ten easy lessons.

Energy 121

Energy Best Practices Design Availability 121

Smashing Magazine

JULY 1, 2021

Traps in this area can be caused by following best practices that are not suitable for tests. This can occur for various reasons, but it usually happens when you try to take an easy, seemingly convenient shortcut, disregarding testing best practices. Any test, no matter the type, should be designed plain and simple.

Testing 124

Testing Best Practices Code Design 124

Smashing Magazine

JULY 16, 2021

Component-based design, enabled and enforced by modern JavaScript frameworks, does not only provide great developer experiences and project ergonomics when used in a smart way, but it can also offer advantages for accessibility. With best practices and guidelines on accessibility, assistive technology and inclusive design patterns.

Strategy 141

Strategy Virtualization Government Education 141

Smashing Magazine

JUNE 10, 2021

Note : If you’re looking for a complete overview of best practices and tools, have a look at the Frontend performance checklist. Meet Smashing Email Newsletter with useful tips on front-end, design & UX. But how do you find all these things causing performance issues? Waterfaller: A Tool Focusing On Network Waterfalls.

Cache 107

Cache Website Best Practices Network 107

Smashing Magazine

DECEMBER 22, 2021

Created by Jon Yablonski, this lovely website explains 21 psychological principles that designers can consider to create more human-centered products and experiences. The right tools at the right time, help streamline the design process. User experience research is a crucial component of the human-centered design process.

Airlines 131

Airlines Mobile Design Strategy 131

Smashing Magazine

JUNE 10, 2022

We saw how important it is to keep the typographic design parameters and variables the same to get a more accurate result while testing different typefaces. Research and design effort based on not good, okay, very good. Measurement: Research and design effort based on not good, okay, very good. Did you miss out on it?

Performance 98

Performance Design Testing Speed 98

Smashing Magazine

DECEMBER 17, 2020

Search engine optimization (SEO) is an essential part of a website’s design, and one all too often overlooked. Implementing SEO best practice doesn’t just give you the best chance possible of ranking well in search engines; it makes your websites better by scrutinizing quality, design, accessibility, and speed, among other things.

Engineering 132

Engineering Google Website Mobile 132

Smashing Magazine

MAY 23, 2022

In my opinion, one of the best use-cases for currentColor is styling inlined SVG elements. Whenever we export an icon from a design tool, it comes with a specific fill and other color values defined in the design. On design systems, UX, web performance and CSS/JS. Further Reading on Smashing Magazine. Conclusion.

Media 141

Media Tuning Design Website 141

Smashing Magazine

NOVEMBER 8, 2021

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. Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman.

Cache 137

Cache Best Practices Strategy Servers 137

Smashing Magazine

NOVEMBER 19, 2021

Continue reading below ↓ Meet Design The Perfect Navigation , with Vitaly Friedman. With 100s of real-life examples , guidelines and best practices that you can apply right away. Further Reading On Smashing Magazine. “ More after jump! From complex mega-dropdowns to carousels and filters. Online, and live.

Servers 87

Servers Website Code Best Practices 87

Smashing Magazine

OCTOBER 28, 2021

While there are many individual reasons, it boils down to two prominent use cases: optimizing your products and finding the best deals. “. Unless you’ve designed a truly innovative new product, the chances are that you can already find something at least similar on Amazon. Let’s start with the first scenario. More after jump!

Website 116

Website Code Retail Best Practices 116

Smashing Magazine

DECEMBER 23, 2021

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Further Resources On Smashing Magazine. More after jump! With Carie Fisher, Stefan Baumgartner and so many others. Focus Styles.

Best Practices 112

Best Practices AWS Processing Design 112

Smashing Magazine

AUGUST 12, 2021

Whether you’re just starting out with Figma or have been using it for a good while now, this post will give you just enough pointers to make your design process faster and smoother. design tokens. design systems. responsive design and testing. responsive design and testing. Table of Contents. accessibility.

Google 145

Google Design Code Mobile 145

Smashing Magazine

JULY 27, 2021

There are a couple of questions we have to consider when organizing style within Next.js: How can we fit within the conventions/best practices of the framework? To solve the second problem, I take an approach that can be summarized in four pieces: Design tokens. Design Tokens. Not only does Next.js Global styles.

Website 143

Website Design Best Practices Code 143

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 133

Website Design Network Testing 133

Smashing Magazine

OCTOBER 24, 2023

A measly front-end designer like me can be blissfully ignorant of all this mumbo-jumbo. Let’s look at it for a site that’s much “heavier” than Smashing Magazine. A font is a branding consideration as well as a design asset that can enhance the legibility of a site’s content. Hey, look at that — great job, team!

Google 94

Google Analytics Traffic Metrics 94

Smashing Magazine

AUGUST 19, 2022

There is a lot of information about the best practices and awesome password-reset design patterns out there. Further Reading On Smashing Magazine. “ Doing this also adds to the good user experience metric, as it prevents the user from looking for a link or a button that takes them back to the login page. Final Thoughts.

Processing 114

Processing Availability Best Practices Open Source 114

Smashing Magazine

JANUARY 15, 2019

In 2013, A List Apart published Sustainable Web Design by James Christie. 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. Sustainable Web Design. Data transfer is one thing that we can measure quite easily.

Website Performance 74

Website Performance Website Energy Performance 74

Smashing Magazine

MAY 9, 2022

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. 400 pages , jam-packed with in-depth user research and best practices. More after jump! Jump to table of contents ?. all the way down to 1.7

Cache 93

Cache Games Performance Website 93

Smashing Magazine

OCTOBER 2, 2023

Now, let’s dive into the technical features and best practices that my team adopted in the process of building the WaterBear web app. I plan on sharing specifically what I learned from performance and accessibility practices as a first-time lead developer of a team , as well as what I wish I had known before we started.

Cache 74

Cache Strategy Best Practices Design 74

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. Also, building on an existing SDK has allowed us to follow the best practices recommended by the vendor while saving time. Technical and sales support. Enterprise features. Infrastructure Integration. Environments.

Cache 144

Cache Website Mobile Google 144

Smashing Magazine

JULY 23, 2021

It is not that most web design agencies are ignorant of other marketing approaches or that any of them are inherently bad. On the contrary, in the second part of his two-part series on getting web design clients , Stephen Roe breaks down the opportunities of these approaches. However, in practice, the results can be underwhelming.

Social Media 145

Social Media Media Network Website 145

Smashing Magazine

AUGUST 19, 2021

How To Build An Ethical User Research Practice At Any Organization. Ethics are an important part of human-computer interaction because they keep people at the heart of the design process. Unethical practices at companies lead to the creation of technology that we all use but often neglect the influence of those intended to serve.

Code 139

Code Design Education Government 139

Smashing Magazine

OCTOBER 14, 2021

When designing cards, you might want a border-radius to have a quite sizeable value when there is enough space to display it along with other cards. Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. With 100s of real-life examples , guidelines and best practices that you can apply right away.

Games 144

Games Design Code Strategy 144

Smashing Magazine

JULY 8, 2021

Best Practices When Writing Custom Directives. It is considered best practice not to directly access a state object. In a traditional app where we have signup, logins, or product page we want to have consistent behavior and design. UI kit built upon material design. This is the virtual node of Vue.js.

Speed 135

Speed Processing Development Code 135

Smashing Magazine

OCTOBER 6, 2021

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. CSS is designed to not lose content, to not cause harm. More after jump! Jump to online workshops ?. Debugging Overflow.

Design 145

Design Availability Mobile Website 145

Smashing Magazine

OCTOBER 18, 2021

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. This component incorporates several image-related best practices. More after jump! Jump to online workshops ?.

Website 108

Website Google Metrics Testing Tools 108

Smashing Magazine

JANUARY 16, 2023

To address this problem, I’ll provide an overview of the best practices for the integration and optimization of an LCP image. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. It becomes especially tricky to optimize when the LCP element is an image.

Media 108

Media Mobile Website Metrics 108

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. Although landing pages are a common practice in online marketing, we were trying to make the most of it. SEO is key to our success.

Performance 75

Performance Cache Traffic Metrics 75

Smashing Magazine

APRIL 11, 2022

Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. However, this control over the core concepts requires developers to be careful and use them according to best practices, as incorrect use may harm both the performance and user experience.

Media 71

Media Tuning Metrics Google 71

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 63

Website Design Open Source Software 63

Smashing Magazine

AUGUST 9, 2021

It combines decades of deployment experience and best practices of TCP with some core new features. Given this clear evolution towards always-on TLS (especially for web traffic), it is no surprise that the designers of QUIC decided to take this trend to the next level. Conclusion. Let’s summarize what we’ve learned in this part.

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

JULY 2, 2021

It is recommended to follow rules and best practices of building and sending emails. It is important to make sure that your message looks as designed for all your recipients. Design Your Mobile Emails To Increase On-Site Conversion. How can we address these challenges? Large preview ). But how do we know that they work?

Testing 110

Testing Servers Social Media Testing Tools 110

Smashing Magazine

JULY 20, 2021

Constantly improving the user experience (UX) and design (UI) for you, so that content creators and developers feel comfortable creating new fields, components or pages. It’s an architecture designed to make the web faster, more secure and easier to scale. This architecture is also known as Jamstack.

Website 143

Website Architecture Technology Technology 143