Smashing Magazine

JUNE 3, 2022

What would the world’s most ideal, best practice and design research-driven highly legible serif, sans serif, and slab serif possibly be like? How good is a new typeface, and how good is it compared to a similar typeface designed in previous years? 400 pages , jam-packed with in-depth user research and best practices.

Performance 123

Performance Design Best Practices Testing 123

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 137

Testing Best Practices Code Design 137

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 66

Design Google Website Mobile 66

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 124

Energy Best Practices Design Availability 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 143

Strategy Virtualization Government Education 143

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 135

Engineering Google Website Mobile 135

Smashing Magazine

JULY 31, 2021

To cater for new and unique artworks on a regular basis, we started our monthly wallpapers challenge more than ten years ago, and from the very beginning to today, artists and designers from all across the world have accepted the challenge and submitted their designs to it. Designed by Ricardo Gimenes from Sweden. Join in! ?.

Design 145

Design Transportation Best Practices Games 145

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 120

Website Media Mobile Network 120

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.

Mobile 136

Mobile Airlines Design Strategy 136

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 139

Cache Best Practices Strategy Servers 139

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 143

Media Tuning Design Website 143

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 144

Website Design Best Practices Code 144

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.

Website 109

Website Cache Best Practices Network 109

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 127

Best Practices AWS Processing Design 127

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 112

Performance Design Testing Speed 112

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 119

Website Code Retail Design 119

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 138

Website Design Network Testing 138

Smashing Magazine

JULY 9, 2021

The case for accessibility is this; we as stakeholders, managers, teams, designers and developers need to do better in not only practicing accessibility but advocating for it as well. without the need for special adaptation or specialized design.”. without the need for special adaptation or specialized design.”.

Website 145

Website Mobile Design Testing 145

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 102

Servers Website Code Best Practices 102

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 145

Cache Website Mobile Google 145

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

Processing Availability Best Practices Open Source 125

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 143

Code Design Education Government 143

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 78

Website Performance Website Energy Performance 78

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 145

Games Design Code Strategy 145

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 77

Media Metrics Mobile Best Practices 77

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 141

Speed Processing Development Code 141

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 106

Cache Games Performance Website 106

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 110

Google Analytics Traffic Metrics 110

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 120

Website Google Metrics Testing Tools 120

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 120

Media Mobile Website Metrics 120

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 84

Cache Strategy Best Practices Design 84

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

Website Architecture Technology Technology 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 112

Testing Servers Social Media Testing Tools 112