Smashing Magazine

NOVEMBER 8, 2021

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!

Cache 135

Cache Best Practices Strategy Servers 135

Rigor

JUNE 12, 2019

Alla Gringaus has worked with a multitude of well-established technology and media brands, including TIME , People , The Economist , and the American Kennel Club, carrying hands-on and leading roles in front-end development and UX, all driven by user-centered design. This is untrue, she says. Alla Gringaus #webperf Click To Tweet. Conclusion.

Performance 72

Performance Social Media Internet Internet 72

Smashing Magazine

NOVEMBER 19, 2021

Continue reading below ↓ Meet Design The Perfect Navigation , with Vitaly Friedman. Now that we’ve explored the theory of this strategy, let’s explore how we put it into practice. Further Reading On Smashing Magazine. “ More after jump! From complex mega-dropdowns to carousels and filters. Aussie-izer. What Is Next.js?

Servers 83

Servers Website Code Best Practices 83

Smashing Magazine

AUGUST 2, 2021

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

Strategy Testing Best Practices Code 132

Smashing Magazine

OCTOBER 27, 2021

If you are designing an app or a website, you can test how easy and intuitive it is to complete a specific task, fill out a form, find certain information, or buy a product. Before those studies, web pages were designed as printed media, with columns and big blocks of text. Eye-Tracking Evolution. Source: Oculid) ( Large preview ).

Mobile 111

Mobile Website Hardware Social Media 111

Smashing Magazine

AUGUST 30, 2018

It should be useful if you are new to product design, UX, interaction or digital design, or if you have experience in these fields but have not performed a competitive analysis before. Competitive Analysis, Service Design Cycle, Five-Stages Design Process. The five-stages design process. Large preview ).

Google 59

Google Design Strategy Website 59

Smashing Magazine

OCTOBER 14, 2021

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

Games Design Strategy Code 144

Smashing Magazine

JULY 18, 2022

You are now “Head of Performance” at Repairing Magazine, the most serious competitor to Smashing Magazine. Repairing Magazine has a very peculiar business model. Repairing Magazine user interface relies on a modern JavaScript library, React. Let’s focus on a scenario very useful for blog owners: handling paid content.

Cache 114

Cache Website Energy Servers 114

Smashing Magazine

JANUARY 7, 2022

Some companies may insert a design/research spike just before the epic kicks off but it always feels reactionary and ends up being a hack shortcut. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. Jump to table of contents ?. Assemble A Crew. Large preview ).

Design 92

Design Logistics Strategy Benchmarking 92

Smashing Magazine

SEPTEMBER 20, 2021

Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. Tools are only as valuable as our ability to use them effectively, so it is important to develop a strategy for using an imposter domain tracking solution as part of your business processes. More after jump!

Website 89

Website Analytics Cache Google 89

Smashing Magazine

JULY 27, 2021

To solve the second problem, I take an approach that can be summarized in four pieces: Design tokens. Design Tokens. CSS setup will be storing all site-wide values as design tokens. CSS setup will be storing all site-wide values as design tokens. It’s best to make it an integral part of the site’s design DNA!

Website 142

Website Design Best Practices Code 142

Smashing Magazine

AUGUST 5, 2021

Frustrating Design Patterns: Disabled Buttons. Frustrating Design Patterns: Disabled Buttons. After all, as designers and developers, we want to make it more difficult for our users to make mistakes. Part Of: Design Patterns. Vitaly Friedman. 2021-08-05T13:30:00+00:00. 2021-08-05T17:04:11+00:00. Part 1: Perfect Accordion.

Design 145

Design Transportation Code Systems 145

Smashing Magazine

MAY 24, 2021

CSS Container Queries: Use-Cases And Migration Strategies. CSS Container Queries: Use-Cases And Migration Strategies. However, responsive Web Design (RWD) is not limited to a page layout — the individual UI components usually have media queries that can change their style depending on the viewport dimensions. Adrian Bece.

Strategy 126

Strategy Media Code Mobile 126

Smashing Magazine

AUGUST 20, 2021

I vividly remember receiving a PC Magazine for my birthday with a trial of Dreamweaver. Piecing together a website using a WYSIWYG editor and seeing the code it generated was a fascinating and educational experience that sparked an initial interest in web design. Smashing Magazine powered by Netlify. More after jump! Government.

Ecommerce 139

Ecommerce Website Government Internet 139

Smashing Magazine

DECEMBER 23, 2020

You can find a comprehensive Beginner’s Guide To Progressive Web Apps on Smashing Magazine that focuses on building the core of PWAs. The most straightforward way is to use Google’s Workbox tool, which includes numerous ready-made plugins for caching strategies. Suppose you want to define a custom caching strategy.

Cache 123

Cache Internet Internet Google 123

Smashing Magazine

OCTOBER 16, 2021

Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. However, below are some ideas or other mental health improvement strategies that are effective which you can explore. Jump to table of contents ?. The Simple Mental Health Routine For Developers.

Programming 102

Programming Energy Code Processing 102

Smashing Magazine

NOVEMBER 2, 2021

Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. The Design Gives Ground For Utmost Usability. Jump to table of contents ?. Large preview ).

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

SEPTEMBER 9, 2021

Whilst I believe Scrapbook handles this update well, it’s an important consideration when designing your user’s experience. Now we’ve explored the theory of this strategy, let’s explore how we put it into practise. More after jump! Continue reading below ↓ Meet “TypeScript in 50 Lessons” , our shiny new guide to TypeScript.

Cache 102

Cache Internet Internet Servers 102

Smashing Magazine

AUGUST 9, 2021

Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety. Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety. In this episode, we’re talking about designing for safety. What does it mean to consider vulnerable users in our designs? Design for Safety from A Book Apart. Drew McLellan.

Design 98

Design Education Network Google 98

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. Insight 2: There Are Established Strategies To Tackle Web App Accessibility Problems. More after jump!

Strategy 140

Strategy Virtualization Government Education 140

Smashing Magazine

JUNE 26, 2019

What Web Designers Can Do To Speed Up Mobile Websites. What Web Designers Can Do To Speed Up Mobile Websites. I recently wrote a blog post for a web designer client about page speed and why it matters. As a result, she came back to me concerned with publishing a post on a strategy her agency had yet to adopt successfully.

Website 110

Website Speed Mobile Design 110

Smashing Magazine

DECEMBER 22, 2021

You’ll find psychology heuristics just like tips for building a winning UX strategy , dive deep into user research and UX writing , and explore real-world examples — good and bad — from which you can learn to create experiences that truly matter. The right tools at the right time, help streamline the design process.

Airlines 128

Airlines Mobile Design Strategy 128

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.

Website 62

Website Design Open Source Software 62

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

OCTOBER 2, 2023

Definitely read up on the strategy and reasoning behind this stack in the first article if you missed it. Meet Smashing Workshops on front-end, design & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. We used an eager loading strategy paired with a high fetchpriority on the images.

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

AUGUST 30, 2021

In previous articles from this series, we’ve covered auditing CSS codebase health and the incremental CSS refactoring strategy , testing, and maintenance. In this article, we’re going to cover CSS optimization strategies that can optimize CSS file size, loading times, and render performance. On design systems, CSS/JS and UX.

Media 108

Media Performance Cache Strategy 108

Smashing Magazine

OCTOBER 28, 2021

Unless you’ve designed a truly innovative new product, the chances are that you can already find something at least similar on Amazon. Scraping those product pages can net you invaluable data such as: The competitors’ pricing strategy. You’ll be better prepared to design, launch, and expand your product lineup with that data.

Website 115

Website Code Retail Best Practices 115

The Agile Manager

NOVEMBER 30, 2019

Complex corporate strategy derived from analysis and modeling creates the appearance of authoritative expertise. As long as there is cheap capital to be raised from risk-averse investors there will be complex business strategies. This doesn't make for good strategy or good investment. Debt capital likes predictability.

Transportation 52

Transportation Strategy Design Programming 52

Smashing Magazine

MARCH 2, 2021

While many of us, designers and developers, are likely to have a relatively new mobile phone in our pockets, a vast majority of our customers isn’t quite like us. For a while, Flipkart adopted an app-only strategy and temporarily shut down its mobile website altogether. Testing the Smashing Magazine website on different devices.

Mobile 133

Mobile Testing Website Benchmarking 133

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

JULY 19, 2021

Let’s take a look at what some of these testing strategies look like in practice. For instance, if you ran daily pixel-by-pixel visual tests on the homepage of this site, Smashing Magazine , you’re going to get a lot of failed tests as they produce more and more content. Design/UX Collaboration. Unit Testing. Uptime Monitoring.

Testing 141

Testing Code Design Strategy 141

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. On design systems, CSS/JS and UX.

Website 131

Website C++ Best Practices Design 131

Smashing Magazine

JULY 23, 2021

You will need a way of reaching the specific kind of client you would like to work with, and that needs a strategy that word of mouth cannot supply. Unfortunately, it is just as easy to get that strategy wrong, and doing so can prove a waste of time and money. The Problem With Traditional Approaches.

Social Media 145

Social Media Media Network Website 145

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. It also opens up the possibility for more effective use of caching strategies, potentially enhancing load times further.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

SEPTEMBER 16, 2021

On design systems, CSS/JS and UX. Though the VPTCS model provided us a point of view on what a website is and what the requirements of the user are, we also wanted to determine the consequences for the stakeholders of the web project i.e. those designing, producing, developing, commercializing, or marketing the website.

Automotive 138

Automotive Website Social Media Design 138

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

AUGUST 19, 2021

Ethics are an important part of human-computer interaction because they keep people at the heart of the design process. As UX practitioners, we know empathy is an important part of the design process. Interaction Design Foundation. How To Build An Ethical User Research Practice At Any Organization. Devin Harold.

Code 137

Code Design Education Government 137