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

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

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 120

Testing Best Practices Code Design 120

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 140

Media Tuning Design Website 140

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 105

Cache Website Best Practices Network 105

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 94

Performance Design Speed Testing 94

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 135

Cache Best Practices Strategy Servers 135

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 130

Engineering Google Website Analytics 130

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 136

Design Transportation Best Practices Games 136

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 83

Servers Website Code Best Practices 83

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 108

Best Practices AWS Processing Design 108

Smashing Magazine

JUNE 8, 2021

Using responsive images is a key part of delivering fully responsive web design. Addy is the author of the book Learning JavaScript Design Patterns. Promoting best practices and providing you with practical tips to master your daily coding and design challenges has always been (and will be) at the core of everything we do at Smashing.

Media 105

Media Cache Google Best Practices 105

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 90

Google Analytics Traffic Metrics 90

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 142

Website Design Best Practices Code 142

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

Smashing Magazine

APRIL 28, 2021

Using responsive images is a key part of delivering fully responsive web design. Designed by Espen Brunborg and Nadia Snopek. Addy is the author of the book Learning JavaScript Design Patterns. Interface Design Checklists (PDF) 100 practical cards for common interface design challenges. Responsive Images. +.

Media 92

Media Cache Google Best Practices 92

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 110

Processing Best Practices Availability Open Source 110

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 72

Cache Strategy Best Practices Design 72

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 73

Website Performance Website Energy Performance 73

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 91

Cache Games Performance Website 91

Smashing Magazine

OCTOBER 12, 2021

Bridging The Gap Between Designers And Developers. Bridging The Gap Between Designers And Developers. In the past couple of years, it’s no secret that our design tools have exponentially evolved. How do we bridge this gap between what is designed over what is developed without the overhead of constantly doing reviews?

Design 109

Design Development Processing Testing 109

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 Strategy Code 144

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 105

Website Google Metrics Testing Tools 105

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 104

Media Mobile Website Metrics 104

Smashing Magazine

JANUARY 7, 2019

Performance isn’t just a technical concern: it matters, and when baking it into the workflow, design decisions have to be informed by their performance implications. Without a strong alignment between dev/design and business/marketing teams, performance isn’t going to sustain long-term. Setting Realistic Goals.

Performance 103

Performance Cache Metrics Network 103

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 74

Performance Cache Traffic Metrics 74

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 69

Media Tuning Metrics Google 69

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. Map design decisions against performance budget and the priorities defined early on.

Performance 145

Performance Cache Network Metrics 145

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 131

Website C++ Best Practices Design 131

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

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. It’s designed to capture delays that result from the main thread being busy, especially during page load.

Performance 145

Performance Cache Media Metrics 145

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 128

Airlines Mobile Design Strategy 128

Smashing Magazine

JULY 12, 2021

In this three-part series , we are going to go through the CSS refactor process from the beginning to the end, starting with knowledge on how to approach it and some general pros and cons of refactoring, then moving onto the refactoring strategies themselves and ending with some general best practices on CSS file size and performance.

Best Practices 145

Best Practices Website Architecture Media 145

Smashing Magazine

AUGUST 11, 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. Code concepts for designers: Authentication and Authorization. 10 React Security Best Practices. More after jump!

Code 111

Code Storage Best Practices Design 111

Smashing Magazine

AUGUST 2, 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. We’ll develop the card component in isolation and use the agreed standards and best practices. More after jump!

Strategy 132

Strategy Testing Best Practices Code 132

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 120

Energy Best Practices Design Availability 120

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 140

Strategy Virtualization Government Education 140