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. This approach, however, is far from perfect as there is a delay between the page’s first render and the wildcard being available.

Servers 83

Servers Website Code Best Practices 83

Smashing Magazine

NOVEMBER 8, 2021

Surveying the existing landscape of available developer tools and runtimes, we felt that there is a gap. 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.

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

AUGUST 19, 2022

A lot of people even dread the “reset-password” page because, come to think of it, after spending a lot of time trying to guess their passwords — all to no avail — they’re either frustrated or angry as they land on this particular page. Further Reading On Smashing Magazine. “ import { authEndpoints } from '. Final Thoughts.

Processing 110

Processing Best Practices Availability Open Source 110

Smashing Magazine

APRIL 28, 2021

Using responsive images is a key part of delivering fully responsive web design. The eBook is available right away (PDF, ePUB, Amazon Kindle). Designed by Espen Brunborg and Nadia Snopek. Addy is the author of the book Learning JavaScript Design Patterns. eBook is already available as PDF, ePUB, and Amazon Kindle.

Media 92

Media Cache Google Best Practices 92

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

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. eBook is available, too as PDF, ePUB, and Amazon Kindle. Interface Design Checklists (PDF) 100 practical cards for common interface design challenges.

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. But does it need to be available immediately ?

Google 90

Google Analytics Traffic Metrics 90

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

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 14, 2021

To achieve it, Rauno uses an experimental CSS property element() to display a live image from an arbitrary HTML element (which currently only available in Firefox). 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. More after jump!

Games 144

Games Design Strategy Code 144

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

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 Testing Processing 109

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

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

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

FEBRUARY 2, 2022

In this article, we’re going to cover code-splitting best practices and showcase some examples using React, so we load the minimum JavaScript necessary to render a page and dynamically load sizeable non-critical bundles. On design systems, CSS/JS and UX. More after jump! With Carie Fisher, Stefan Baumgartner and so many others.

Code 89

Code Performance Network Website 89

Smashing Magazine

AUGUST 11, 2021

An expected behavior of your app is that once the authentication condition is met, a new set of navigation routes are available only to logged-in users, while the other screens which were displayed before authentication is removed and can’t be returned to unless the user signs out of the application. On design systems, CSS/JS and UX.

Code 111

Code Storage Best Practices Design 111

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

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

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. A freely available online version of the classic reference book, The Elements of Style by William Strunk, Jr. More after jump!

Energy 120

Energy Best Practices Design Availability 120

Smashing Magazine

OCTOBER 6, 2021

The “Changes” panel should be already available by default and next to the “Computed” tab. 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.

Design 145

Design Availability Mobile Website 145

Smashing Magazine

OCTOBER 28, 2021

But first of all, I’d like to make something clear right now — while the act of scraping publicly available data is legal, Amazon has some measures to prevent it on their pages. While there are many individual reasons, it boils down to two prominent use cases: optimizing your products and finding the best deals. “.

Website 115

Website Code Retail Best Practices 115

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

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

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 137

Code Design Education Government 137

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

Speed Processing Development Code 132

Smashing Magazine

OCTOBER 8, 2021

Portable Text is an open-source specification designed to treat rich text as data. The data will be available to any of our templates and pages under the madlibs key. // Get our utilities const client = require('./utils/sanityClient') Portable Text. 11ty And 11ty Serverless. In this file, we can add global data to our 11ty site.

Serverless 77

Serverless Cache Open Source Code 77

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. But where do they preview the content before it is made available to the general public? A preview feature must be available in the pricing plan you have chosen for the headless CMS of your choice. Content Previews.

Cache 143

Cache Website Mobile Google 143

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. It’s also a command-line utility available in most common computer systems, including Windows, Mac, Linux, and more. Large preview ).

Testing 109

Testing Servers Social Media Automotive 109

Smashing Magazine

NOVEMBER 11, 2021

From Good To Great In Dashboard Design: Research, Decluttering And Data Viz. From Good To Great In Dashboard Design: Research, Decluttering And Data Viz. Tossing out suboptimal parts of our design can be a daunting task, especially after you’ve invested hours of work into it. Mediocre vs Great Dashboard Design.

Design 93

Design Best Practices Efficiency Testing 93