• A Time For Reflection (April 2022 Desktop Wallpapers Edition)

    For more than eleven years now, we have stuck to our little tradition of welcoming the new month with a fresh collection of desktop and mobile wallpapers — to bring a bit of variety to your screens and maybe even spark new ideas. And, well, it isn’t any different this time around. In this post, […]

    READ MORE
  • SmashingConf Is Back In 2022

    At Smashing, we love the web. That’s why we publish articles and books, run workshops and events around everything web. We love seeing what we all can do to make the web more accessible and usable. We also love organizing and attending online events, with our SmashingConf Live last year, and of course, our online […]

    READ MORE
  • Jobs For Designers And Developers Affected By The War In Ukraine 🇺🇦

    In these difficult times, We all are Ukraine. If due to the ongoing war in Ukraine, you need a design or tech job immediately or have friends who are looking for a job, we came across some fantastic initiatives that connect designers and developers from Ukraine with potential employers. The options below are just a […]

    READ MORE
  • A Guide To Hover And Pointer Media Queries

    The Internet is filled with a lot of interactivity, and more often than not the way we choose to show we can interact with an element is by using the hover pseudo-class. After all, changing an element a bit when you put the cursor on it ends up being a good indicator of whether the […]

    READ MORE
  • Remix Routes Demystified

    Around six months ago, Remix became open source. It brings a lovely developer experience and approximates web development to the web platform in a refreshing way. It’s a known tale that naming is the hardest thing in programming, but the team nailed this one. Remix drinks from the community experience, puts the platform and browser […]

    READ MORE
  • Those HTML Attributes You Never Use

    In January, Madison Kanna asked her Twitter followers: What are the languages/tech you’re excited to learn or learn more deeply this year? mine: typescript, next.js, react, graphql, solidity, node— Madison Kanna (@Madisonkanna) January 3, 2022 My answer was easy: HTML. And I wasn’t being sarcastic or mocking in the least. Sure, I pretty much know […]

    READ MORE
  • Good Design Is All About Good Timing

    Imagine a shiny newsletter pop-up. A pop-up makes its splendid appearance on an eCommerce site just as you are about to make your way to a product page. You didn’t even have a chance to explore a single product yet; nor did you have a chance to learn about prices and materials and delivery options. […]

    READ MORE
  • Windows High Contrast Mode, Forced Colors Mode And CSS Custom Properties

    I’m extremely excited about the upcoming Forced Colors media query. It takes the work done for Windows High Contrast mode and elevates it to an open, cross-browser standard. This means that a person will be able to use whatever browser works best for them to get what they need, instead of being forced to use […]

    READ MORE
  • How To Make A Drag-and-Drop File Uploader With Vue.js 3

    What’s different about the file uploader we’re building in this article versus the previous one? The previous drag-and-drop file uploader was built with Vanilla JS and really focused on how to make file uploading and drag-and-drop file selection work, so its feature set was limited. It uploaded the files immediately after you chose them with […]

    READ MORE
  • Claymorphism: Will It Stick Around?

    Design trends come and go, and just a fraction sticks around longer than others. Flat design and its more popular successor, Material design, have been dominating the web UI for quite some time, featuring a minimalistic aesthetic that eliminates visual clutter and favors user experience. This approach is very utilitarian at its core as it […]

    READ MORE
  • Improving The CI/CD Flow For Your Application

    Big tech companies have the ability to make thousands of releases per day. Already back in 2011, Amazon released new software once every 11.6 seconds. These companies typically have entire teams working on improving the delivery speed of their product teams. Luckily, many of the best practices used at these tech companies are well documented […]

    READ MORE
  • A Complete Guide To Mobile App Marketing

    How often have you searched for apps in a certain category and considered downloading one below the first three or four results in the list? Rarely, I’d bet. The apps that appear in the top search results in app stores are there thanks to successful mobile app marketing. This article covers the ins and outs […]

    READ MORE
  • An Introduction To AWS Cloud Development Kit (CDK)

    When you start building a cloud-based back-end system for your application, you have a choice, on the one hand, to do it manually using a graphical user interface (GUI) or the command-line interface (CLI) or, on the other hand, to do it programmatically. If your application uses just a handful of cloud resources, you can […]

    READ MORE
  • A Guide To Audio Visualization With JavaScript And GSAP (Part 2)

    Last week in Part 1, I explained how the idea about how to record audio input from users and then moved on to the visualization. After all, without any visualization, any type of audio recording UI isn’t very engaging, is it? Today, we’ll be diving into more details in terms of adding features and any […]

    READ MORE
  • Signals For Customizing Website User Experience

    In my last article, I suggested using the SaveData API to deliver a different, more performant, experience to users that expressed that desire. This hopefully leads to a greater experience for all users. In this article, I want to spend a bit more time on this, and also look at other signals we can similarly […]

    READ MORE
  • We All Are Ukraine 🇺🇦

    This is not a regular Smashing article. But these aren’t regular times either. I was born and grew up in Minsk, Belarus. That’s where I spent nights playing Prince of Persia. That’s where I’d wait in front of a bakery nearby for the smell of freshly basked Narochansky bread. That’s also the place where our […]

    READ MORE
  • How To Create An Information Architecture That Is Easy To Use

    When creating the information architecture of a website, users are often overlooked in favor of internal politics and organizational thinking. On larger websites, each departmental silo wants its own section of the site, and they often fight to ensure their section is featured in the main navigation. Even small sites suffer from problems with information […]

    READ MORE
  • Building Web Layouts For Dual-Screen And Foldable Devices

    It’s now been more than two years since the Samsung Galaxy Fold and Surface Duo were introduced to the world. Since then, the Surface Duo 2, Samsung Galaxy Z Fold 3 and Galaxy Z Flip 3 have all hit the market. Foldable devices are available to purchase, and are currently being used by consumers today, […]

    READ MORE
  • New CSS Features In 2022

    Container queries enable us to style an element depending on the size of its parent — a crucial difference from media queries, which only query the viewport. This has long been a problem for responsive design, as often we want a component to adapt to its context. Think of a card which might be shown […]

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

    A while back I got approached by friend Kent C Dodds to help out with his site rebuild. Besides adding a little whimsy here and there, there was one part, in particular, Kent wanted a hand with. And that was audio visualization. One feature of Kent’s site is being able to “record a call” and […]

    READ MORE