Remove Best Practices Remove Design Remove Magazine Remove Strategy
article thumbnail

Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober

Smashing Magazine

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

Meet Hydrogen: A React Framework For Dynamic, Contextual And Personalized E-Commerce

Smashing Magazine

At the limit, statically generated, edge delivered, and HTML-first pages look like the optimal strategy. Enabling dynamic commerce requires close integration between server and client, an optimized streaming and data fetch strategy, and a production platform that operates at scale. More after jump! Online, and live.

Cache 135
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

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. UX, Design.

Mobile 140
article thumbnail

Next.js Wildcard Subdomains

Smashing Magazine

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. Now that we’ve explored the theory of this strategy, let’s explore how we put it into practice. More after jump! Online, and live.

Servers 83
article thumbnail

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)

Smashing Magazine

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2). Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2). In this article, we’ll take a deep dive into the refactoring process itself, and cover incremental refactoring strategy, visual regression testing, and maintaining the refactored codebase.

Strategy 132
article thumbnail

Global vs. Local Styling In Next.js

Smashing Magazine

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

Smart CSS Solutions For Common UI Challenges

Smashing Magazine

Ahmad’s strategies on achieving the cut-out effect. 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. Conditional Border Radius In CSS.

Games 144