Smashing magazine

How To Create An Information Architecture That Is Easy To Use

If users cannot find the answers to their questions or are not exposed to critical messaging, they will not act, and your website will fail. To prevent that from happening, you need an effective information architecture. In this article, Paul Boag provides you with a process to ensure you have precisely that. https://smashingmagazine.com/2022/03/easy-information-architecture/

Building Web Layouts For Dual-Screen And Foldable Devices

Dual-screen devices are just the next evolution in responsive design. If you have a PWA or website, the APIs available make integrating into your existing code base seamless. This article explains why it’s an exciting time for layout on the web, and how dual screens provide an opportunity to get even more creative. https://smashingmagazine.com/2022/03/building-web-layouts-dual-screen-foldable-devices/

A Guide To Audio Visualization With JavaScript And GSAP (Part 1)

What started as a case study turned into a guide to visualizing audio with JavaScript. Although the output demos are in React, Jhey Tompkins isn’t going to dwell on the React side of things too much. The underlying techniques work with or without React. https://smashingmagazine.com/2022/03/audio-visualization-javascript-gsap-part1/

New CSS Features In 2022

2022 is shaping up to be a pretty great year for CSS, with a plethora of new features on the horizon. Some are already starting to land in browsers, others are likely to gain widespread browser support in 2022, while for one or two the process may be a little longer. In this article we’ll take a look at a few of them. https://smashingmagazine.com/2022/03/new-css-features-2022/

A Recipe For A Good Design System

Maintaining a design system is a lot of work. In this article, Atila Fassina shares his lessons learned and how a platform such as Backlight can help put together a series of tools to speed up your architecture setup. https://smashingmagazine.com/2022/02/recipe-good-design-system/

March For Equality (2022 Desktop Wallpapers Edition)

Following our monthly tradition, artists and designers from across the globe challenged their creative skills and designed desktop wallpapers to welcome March. They come in versions with and without a calendar and can be downloaded for free. https://smashingmagazine.com/2022/02/desktop-wallpaper-calendars-march-2022/

We All Are Ukraine 🇺🇦

As a design community, we all can’t be silent in these times. We need to be united in our fight against the war, for democracy, for those dreams that children are entitled to have when they are growing up. It’s our obligation to help as much as we can. We are donating all proceeds from "Interface Design Checklists" PDF to support Ukraine. https://smashingmagazine.com/2022/02/we-all-are-ukraine/

How To Benchmark And Improve Web Vitals With Real User Metrics

Web Vitals are the new gold standard in performance due to their direct correlation with the user’s experience. In this article, you’ll learn what monitoring can do and how RayGun can help you sustain performance maintenance while scaling your app. https://smashingmagazine.com/2022/02/benchmark-improve-web-vitals-real-user-metrics/

Using The WordPress Editor And CPTs To Configure Plugins

If we want our WordPress plugins to offer a settings page that is fully powered by blocks, how can we do it? Since Full Site Editing doesn't support this feature yet, we need to code a custom solution. In this article we will learn how we can do it. https://smashingmagazine.com/2022/02/wordpress-editor-cpts-configure-plugins/

How To Develop A Text Editor For The Web

How do text typing and editing work on the web? Although this process might seem straightforward, there is a lot of technical nuance behind its apparent simplicity. This article looks at how typing on the web works. https://smashingmagazine.com/2022/02/develop-text-editor-web/


Ricerca