• Tree-Shaking: A Reference Guide

    Before starting our journey to learn what tree-shaking is and how to set ourselves up for success with it, we need to understand what modules are in the JavaScript ecosystem. Since its early days, JavaScript programs have grown in complexity and the number of tasks they perform. The need to compartmentalize such tasks into closed […]

    READ MORE
  • Frustrating Design Patterns That Need Fixing: Birthday Picker

    You’ve seen them before. Confusing and frustrating design patterns that seem to be chasing you everywhere you go, from one website to another. Perhaps it’s a disabled submit button that never communicates what’s actually wrong, or tooltips that — once opened — cover the input field just when you need to correct a mistake. They […]

    READ MORE
  • Little Smashing Stories

    This is not a regular Smashing article. Over a decade ago, we set out to send a truly smashing newsletter with useful tips and techniques for designers and developers. The first issue was sent out in early 2009. And we would have never imagined that we’d reach 190.000 wonderful folks like you, who read email […]

    READ MORE
  • A Primer On CSS Container Queries

    At present, container queries can be used in Chrome Canary by visiting chrome://flags and searching for and enabling them. A restart will be required. Note: Please keep in mind that the spec is in progress, and could change at any time. You can review the draft document which will update as the spec is formed. […]

    READ MORE
  • The Conference Platform We Use For Our Online Events: Hopin

    When the Smashing team first heard of COVID-19, we didn’t know what to think. On a Monday, we began making alterations to our event, adding space, cleaning stations, rules, etc. But that Friday we knew this would change the scope of our year. From there, began new discussions throughout Smashing. What is the heart of […]

    READ MORE
  • Get Started With React By Building A Whac-A-Mole Game

    I’ve been working with React since ~v0.12 was released. (2014! Wow, where did the time go?) It’s changed a lot. I recall certain “Aha” moments along the way. One thing that’s remained is the mindset for using it. We think about things in a different way as opposed to working with the DOM direct. For […]

    READ MORE
  • How To Organize Product-Related Assets And Collaborate Better

    So, you start working on a new product. It’s crucial to set a well-organized environment — that is, the space where you and your team interact with all product-related files and documents — right away. The amount of your assets will only grow with time, and it becomes almost unbearable to find and fix the […]

    READ MORE
  • Improving The Performance Of Shopify Themes (Case Study)

    The dreaded refactor of old code can be challenging. Code evolves over time with more features, new or changing dependencies, or maybe a goal of performance improvements. When tackling a big refactor, what are the things you should focus on and what performance improvements can you expect? I’ve been building Shopify themes for the better […]

    READ MORE
  • Reducing HTML Payload With Next.js (Case Study)

    I know what you are thinking. Here’s another article about reducing JavaScript dependencies and the bundle size sent to the client. But this one is a bit different, I promise. This article is about a couple of things that Bookaway faced and we (as a company in the traveling industry) managed to optimize our pages, […]

    READ MORE
  • A Guide To Undoing Mistakes With Git

    Working with code is a risky endeavour: There are countless ways to shoot yourself in the foot! But if you use Git as your version control system, then you have an excellent safety net. A lot of “undo” tools will help you recover from almost any type of disaster. In this first article of our […]

    READ MORE
  • Smashing Podcast Episode 36 With Miriam Suzanne: What Is The Future Of CSS?

    In this episode, we’re starting our new season of the Smashing Podcast with a look at the future of CSS. What new specs will be landing in browsers soon? Drew McLellan talks to expert Miriam Suzanne to find out. Show Notes Miriam Suzanne on Twitter Miriam’s personal website Cascade Layers is a Working Draft Container […]

    READ MORE
  • The Evolution Of Jamstack

    It’s been five years since I first presented the idea of the Jamstack architecture at SmashingConf in San Francisco 2016, a talk inspired by many conversations with colleagues and friends in the industry. At that point, the idea of fundamentally decoupling the front-end web layer from the back-end business logic layer was only an early […]

    READ MORE