Articles on Smashing Magazine — For Web Designers And Developers
https://www.smashingmagazine.com/
Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.
フィード

What Does It Really Mean For A Site To Be Keyboard Navigable
Articles on Smashing Magazine — For Web Designers And Developers
Keyboard navigation is a vital aspect of accessible web design, and a detail-oriented approach is crucial. Prioritizing keyboard navigation prioritizes the user experience for a diverse audience, extending your reach while simultaneously fostering a more inclusive web environment.
10時間前

Fostering An Accessibility Culture
Articles on Smashing Magazine — For Web Designers And Developers
While there’s no definitive playbook for building an accessibility culture, Dani shares lessons from his experience in shaping it through habits rather than mandates.
2日前

Inclusive Dark Mode: Designing Accessible Dark Themes For All Users
Articles on Smashing Magazine — For Web Designers And Developers
Dark mode isn’t just a trendy aesthetic. It’s a gateway to more inclusive digital experiences, but only if designed thoughtfully. Discover how to craft dark modes that don’t just look good but work for everyone, from those with light sensitivity to machine learning algorithms.
3日前

Gild Just One Lily
Articles on Smashing Magazine — For Web Designers And Developers
“Gilding the lily” isn’t always bad. In design, a touch of metaphorical gold — a subtle animated transition, a hint of color, or added depth in a drop shadow — can help communicate a level of care and attention that builds trust. But first? You need a lily. Nail the fundamentals. Then, gild it carefully.
8日前

Using Manim For Making UI Animations
Articles on Smashing Magazine — For Web Designers And Developers
Animation makes things clearer, especially for designers and front-end developers working on UI, prototypes, or interactive visuals. Manim is a tool that lets you create smooth and dynamic animations, not just for the design field but also in math, coding, and beyond, to explain complex ideas or simply make everything a little bit more interactive.
10日前

How To Build A Business Case To Promote Accessibility In Your B2B Products
Articles on Smashing Magazine — For Web Designers And Developers
When passion for accessibility meets business indifference, what bridges the gap? Gloria Diaz Alonso shares how she turned frustration into strategy — by learning to speak the language of business.
14日前

Building A Drupal To Storyblok Migration Tool: An Engineering Perspective
Articles on Smashing Magazine — For Web Designers And Developers
In this article, Edoardo Dusi shares the engineering and architectural choices made by the team at Storyblok and how real-world migration challenges were addressed using modern PHP practices.
16日前

Blossoms, Flowers, And The Magic Of Spring (April 2025 Wallpapers Edition)
Articles on Smashing Magazine — For Web Designers And Developers
The beginning of the new month is the perfect opportunity to give your desktop a makeover. If you’re looking for some beautiful and unique wallpapers to cater for a bit of inspiration this April, well, this post has got you covered.
18日前

How To Argue Against AI-First Research
Articles on Smashing Magazine — For Web Designers And Developers
Companies have been turning their attention to “synthetic,” AI-driven user testing. However, as convenient as it might seem, it’s dangerous, expensive, and usually diminishes user value. Let’s take a closer look at why exactly it is problematic and how we can argue against it to make a case for UX research with real users. Part of [Smart Interface Design Patterns](https://smart-interface-design-patterns.com) by yours truly.
22日前

Adaptive Video Streaming With Dash.js In React
Articles on Smashing Magazine — For Web Designers And Developers
HTML `` is the de facto element we turn to for embedding video content, but it comes with constraints. For example, it downloads the video file linearly over HTTP, which leads to performance hiccups, especially for large videos consumed on slower connections. But with adaptive bitrate streaming, we can split the video into multiple segments at different bitrates and resolutions.
22日前

Previewing Content Changes In Your Work With document.designMode
Articles on Smashing Magazine — For Web Designers And Developers
You probably already know that you can use developer tools in your browser to make on-the-spot changes to a webpage — simply click the node in the Inspector and make your edits. But have you tried `document.designMode`? Victor Ayomipo explains how it can be used to preview content changes and demonstrates several use cases where it comes in handy for everything from basic content editing to improving team collaboration.
1ヶ月前

Web Components Vs. Framework Components: What’s The Difference?
Articles on Smashing Magazine — For Web Designers And Developers
Some critics question the agnostic nature of Web Components, with some even arguing that they are not real components. Gabriel Shoyomboa explores this topic in-depth, comparing Web Components and framework components, highlighting their strengths and trade-offs, and evaluating their performance.
1ヶ月前

How To Prevent WordPress SQL Injection Attacks
Articles on Smashing Magazine — For Web Designers And Developers
Have you thought about the security risks WordPress websites face? Anders Johansson explores why they are frequent hacker targets and shares how WordPress SQL injection attacks work and how to remove and prevent them.
1ヶ月前

How To Build Confidence In Your UX Work
Articles on Smashing Magazine — For Web Designers And Developers
UX initiatives are often seen as a disruption rather than a means to solving existing problems in an organization. In this post, we’ll explore how you can build trust for your UX work, gain support, and make a noticeable impact. Part of [Measure UX and Design Impact](https://measure-ux.com/) by yours truly.
1ヶ月前

How To Fix Largest Contentful Paint Issues With Subpart Analysis
Articles on Smashing Magazine — For Web Designers And Developers
Struggling with slow Largest Contentful Paint (LCP)? Newly introduced by Google, LCP subparts help you pinpoint where page load delays come from. Now, in the Chrome UX Report, this data provides real visitor insights to speed up your site and boost rankings. Matt Zeunert unpacks what LCP subparts are, what they mean for your website speed, and how you can measure them.
1ヶ月前

The Case For Minimal WordPress Setups: A Contrarian View On Theme Frameworks
Articles on Smashing Magazine — For Web Designers And Developers
Modern frameworks are supposed to help speed up development while providing modern tools and a developer-friendly workflow. In reality, Kevin Leary has found that they cause far more problems than they solve. This ultimately leads to the big question: why are modern theme frameworks so popular, and do they really benefit developers in the long run?
2ヶ月前

Sunshine And March Vibes (2025 Wallpapers Edition)
Articles on Smashing Magazine — For Web Designers And Developers
Do you need a little inspiration boost? Well, then our new batch of desktop wallpapers is for you. Designed by the community for the community, the wallpapers in this collection are the perfect opportunity to get your desktop ready for spring — and, who knows, maybe they’ll spark some new ideas, too. Enjoy!
2ヶ月前

The Human Element: Using Research And Psychology To Elevate Data Storytelling
Articles on Smashing Magazine — For Web Designers And Developers
Effective data storytelling isn’t a black box. By integrating UX research & psychology, you can craft more impactful and persuasive narratives. Victor Yocco and Angelica Lo Duca outline a five-step framework that provides a roadmap for creating data stories that resonate with audiences on both a cognitive and emotional level.
2ヶ月前

Human-Centered Design Through AI-Assisted Usability Testing: Reality Or Fiction?
Articles on Smashing Magazine — For Web Designers And Developers
Eduard Kuric discusses the significance and role of context in the creation of relevant follow-up questions for unmoderated usability testing, how an AI tasked with interactive follow-up should be validated for its capability to incorporate such context, and what the potential — along with the risks — of AI interaction in usability testing.
2ヶ月前

How OWASP Helps You Secure Your Full-Stack Web Applications
Articles on Smashing Magazine — For Web Designers And Developers
The OWASP vulnerabilities list is the perfect starting point for web developers looking to strengthen their security expertise. Let’s discover how these vulnerabilities materialize in full-stack web applications and how to prevent them.
2ヶ月前

How To Test And Measure Content In UX
Articles on Smashing Magazine — For Web Designers And Developers
The goal of content design is to reduce confusion and improve clarity. Yet often it’s difficult to pinpoint a problem as user feedback tends to be not specific enough. But: we can use a few simple techniques to assess how users understand and perceive content. Let’s take a look. Part of [How To Measure UX & Design Impact](https://measure-ux.com/) by yours truly.
2ヶ月前

Time To First Byte: Beyond Server Response Time
Articles on Smashing Magazine — For Web Designers And Developers
Optimizing web performance means looking beyond surface-level metrics. Time to First Byte (TTFB) is crucial, but improving it requires more than tweaking server response time. Matt Zeunert breaks down what TTFB is, what causes its poor score, and why reducing server response time alone isn’t enough for optimization and often won’t be the most impactful change you can make to your website.
2ヶ月前

Taking RWD To The Extreme
Articles on Smashing Magazine — For Web Designers And Developers
Tomasz Jakut reflects on the evolution of web design, from the days of table-based layouts and Flash games to the rise of responsive web design (RWD), which often feels like the end of history in web layout. But as 2025 marks the 15th anniversary of Ethan Marcotte’s article, it’s worth asking whether something significant happened after RWD — something so seamless that it went almost unnoticed.
2ヶ月前

Integrations: From Simple Data Transfer To Modern Composable Architectures
Articles on Smashing Magazine — For Web Designers And Developers
In today’s web development landscape, the concept of a monolithic application has become increasingly rare. Modern applications are composed of multiple specialized services, each of which handles specific aspects of functionality. This shift didn’t happen overnight - it’s the result of decades of evolution in how we think about and implement data transfer between systems. Let’s explore this journey and see how it shapes modern architectures, particularly in the context of headless CMS solutions.
2ヶ月前

Look Closer, Inspiration Lies Everywhere (February 2025 Wallpapers Edition)
Articles on Smashing Magazine — For Web Designers And Developers
Let’s make the most of the shortest of all months, with a new collection of desktop wallpapers celebrating new opportunities, sweet memories, happy little moments, and everything in between. All of them created with love by the community for the community. Enjoy!
3ヶ月前

The Digital Playbook: A Crucial Counterpart To Your Design System
Articles on Smashing Magazine — For Web Designers And Developers
Design systems play a crucial role in today’s digital landscape, providing a blueprint for consistent and user-friendly interfaces. But there’s another tool that deserves equal attention: the digital playbook.
3ヶ月前

Transitioning Top-Layer Entries And The Display Property In CSS
Articles on Smashing Magazine — For Web Designers And Developers
It’s not always the big features that make our everyday lives easier; sometimes, it’s those ease-of-life features that truly enhance our projects. In this article, Brecht De Ruyte highlights two such features: `@starting-style` and `transition-behavior` — two properties that are absolutely welcome additions to your everyday work with CSS animations.
3ヶ月前

Svelte 5 And The Future Of Frameworks: A Chat With Rich Harris
Articles on Smashing Magazine — For Web Designers And Developers
After months of anticipation, debate, and even a bit of apprehension, Svelte 5 arrived earlier this year. Frederick O’Brien caught up with its creator, Rich Harris, to talk about the path that brought him and his team here and what lies ahead.
3ヶ月前

Navigating The Challenges Of Modern Open-Source Authoring: Lessons Learned
Articles on Smashing Magazine — For Web Designers And Developers
Alvaro Saburido delves into the current state and challenges of Open-Source authoring, sharing lessons learned from both community- and company-driven initiatives.
3ヶ月前

An Ode To Side Project Time
Articles on Smashing Magazine — For Web Designers And Developers
A once-revered perk of some tech workplaces, the status of ‘side project time’ seems to have slipped in recent years. Frederick O’Brien believes it deserves a comeback.
3ヶ月前

On-Device AI: Building Smarter, Faster, And Private Applications
Articles on Smashing Magazine — For Web Designers And Developers
Shouldn’t there be a way to keep your apps or project data private and improve performance by reducing server latency? This is what on-device AI is designed to solve. It handles AI processing locally, right on your device, without connecting to the internet and sending data to the cloud. In this article, Joas Pambou explains what on-device AI is, why it’s important, the tools to build this type of technology, and how it can change the way we use technology every day.
3ヶ月前

The Role Of Illustration Style In Visual Storytelling
Articles on Smashing Magazine — For Web Designers And Developers
How do we determine the most suitable illustration style? How should illustrations complement and reflect your corporate identity? What will resonate most with your target audience? And regarding the content, what type of illustration would best enhance it, and how would it work for the age range it is primarily for? Thomas Bohm shares insightful examples and discusses the key qualities of effective illustrations, emphasizing the importance of understanding your audience.
3ヶ月前

Solo Development: Learning To Let Go Of Perfection
Articles on Smashing Magazine — For Web Designers And Developers
The best and worst thing about solo development is the “solo” part. There’s a lot of freedom in working alone, and that freedom can be inspiring, but it can also become a debilitating hindrance to productivity and progress. Victor Ayomipo shares his personal lessons on what it takes to navigate solo development and build the “right” app.
3ヶ月前

Tight Mode: Why Browsers Produce Different Performance Results
Articles on Smashing Magazine — For Web Designers And Developers
We know that browsers do all sorts of different things under the hood. One of those things is the way they not only *fetch* resources like images and scripts from the server but how they [prioritize those resources](https://www.debugbear.com/blog/request-priorities?utm_campaign=sm-7). Chrome and Safari have implemented a “Tight Mode” that constrains which resources are loaded and in what order, but they each take drastically different approaches to it. With so little information about Tight Mode available, this article attempts a high-level explanation of what it is, what triggers it, and how it is treated differently in major browsers.
3ヶ月前

Lesser Known Uses Of Better Known Attributes
Articles on Smashing Magazine — For Web Designers And Developers
HTML attributes are like little instructions that we add to the markup of elements to make them do certain things or behave in certain ways. For example, most of us know that the `target` attribute with a value of `_blank` opens the link in a new tab or window. But did you know that you can use it on the `form` element, too? John Rhea presents several lesser-known uses for common HTML attributes.
3ヶ月前

How To Design For High-Traffic Events And Prevent Your Website From Crashing
Articles on Smashing Magazine — For Web Designers And Developers
Product drops and sales are a great way to increase revenue, but these events can result in traffic spikes that affect a site’s availability and performance. To prevent website crashes, you’ll have to make sure that the sites you design can handle large numbers of server requests at once. Let’s discuss how!
3ヶ月前

What Does AI Really Mean?
Articles on Smashing Magazine — For Web Designers And Developers
We, as human beings, don’t worry too much about making sure the connections land at the right point. Our brain just works that way, declaratively. However, for building AI, we need to be more explicit. Let’s dive in!
3ヶ月前

New Front-End Features For Designers In 2025
Articles on Smashing Magazine — For Web Designers And Developers
Searching for the most flexible front-end workflows and toolkits, it’s easy to forget how powerful some of the fundamentals on the web have become these days. This post is a journey through new front-end features and what they are capable of.
4ヶ月前

New Year, New Hopes, New Dreams (January 2025 Wallpapers Edition)
Articles on Smashing Magazine — For Web Designers And Developers
Maybe 2025 has already started as you’re reading this, maybe you’re still waiting for the big countdown to begin — either way, it’s never too late or too early for some New Year’s inspiration! Our new collection of desktop wallpapers has got you covered.
4ヶ月前

The Design Leader Dilemma
Articles on Smashing Magazine — For Web Designers And Developers
Design leaders are expected to deliver the impossible. Instead of trying, we need to redefine our role from implementor to enabler.
4ヶ月前