• Fresh Inspiration For March And A Smashing Winner (2021 Wallpapers Edition)

    More than ten years ago, we embarked on our monthly wallpapers adventure to provide you with new and inspiring wallpaper calendars each month anew. This month, the challenge came with a little twist: As we announced in the February wallpapers post, we’ll give away a smashing prize to the best March design today. Artists and […]

    READ MORE
  • Building User Trust In UX Design

    Building trust is one of the central goals of user experience design. And yet trust is a concept that’s very hard to define in a precise manner. We all know it when we feel it but often fall short of putting it in words. Being able to turn the elusive and intangible into actionable and […]

    READ MORE
  • Building A Discord Bot Using Discord.js

    Team communication platforms are getting popular day by day, as more and more people work from home. Slack and Discord are two of the most popular team communication platforms. While Discord is focused on gamers, some functionality, such as the ability to add up to 50 members in the voice call room, make it an […]

    READ MORE
  • Material Design Text Fields Are Badly Designed

    I’ve been designing forms for over 20 years now, and I’ve tested many of them for large organizations like Boots, Just Eat and Gov.uk. One topic that comes up a lot with forms is: where to put the label. In the early days, we talked about left-aligned labels versus top-aligned labels. These days the focus […]

    READ MORE
  • Create Responsive Image Effects With CSS Gradients And `aspect-ratio`

    To prepare for our future image effects, we’re going to set up a card component that has a large image at the top followed by a headline and description. The common problem with this setup is that we may not always have perfect control over what the image is, and more importantly to our layout, […]

    READ MORE
  • State Of GDPR In 2021: Key Updates And What They Mean

    The EU’s directives have impacted virtually every digital professional as products and services are designed with GDPR in mind, regardless of whether you’re a web design company in Wisconsin or a marketer in Malta. The far-reaching implications of GDPR don’t just impact how data should be processed, how products should be built and how data […]

    READ MORE
  • Building Your Own Personal Learning Curriculum

    After completing a bootcamp in March 2019, I was overwhelmed by the choice of frameworks, libraries, languages, and courses I had to choose from to continue independent learning and hopefully score myself one of those elusive junior developer jobs. Almost everyone I spoke with had a different opinion on what was important and worth pursuing, […]

    READ MORE
  • Context And Variables In The Hugo Static Site Generator

    In this article, we’ll take a close look at how context works in the Hugo static site generator. We’ll examine how data flows from content to templates, how certain constructs change what data is available, and how we can pass on this data to partials and base templates. This article is not an introduction to […]

    READ MORE
  • Useful DevTools Tips And Shortcuts (Chrome, Firefox, Edge)

    Out of all the tools available at our fingertips these days, DevTools is probably one of the most advanced ones. Over the years, it has become a tool for debugging, profiling, auditing and even prototyping — all living within the same interface, and always just a keyboard shortcut away. Still, DevTools has plenty of obscure […]

    READ MORE
  • Optimizing Video For Size And Quality

    Over the last few years, more and more projects are using video as an integral part of the application. This is a great direction, as videos are more engaging than still photos (videos can double conversion rate and increase time spent on site), and as such, can really draw customers to explore details about products […]

    READ MORE
  • Things To Expect From A Smashing Workshop: Form Design Masterclass

    It took me around six months on and off to write the content for the workshop. After a lot of deliberation, I decided to structure it like I do in my book, Form Design Patterns. It was a 4-day workshop split into two 45-minute segments, with 15-minute breaks followed by a 30-minute Q&A with optional […]

    READ MORE
  • Building A Web App With React, Redux And Sanity.io

    The fast evolution of digital platforms have placed serious limitations on traditional CMS like WordPress. These platforms are coupled, inflexible and are focused on the project, rather than the product. Thankfully, several headless CMS have been developed to tackle these challenges and many more. Unlike traditional CMS, headless CMS, which can be described as Software […]

    READ MORE
  • What Saul Bass Can Teach Us About Web Design

    Web design exists at a lovely intersection of different disciplines. In previous articles, I’ve written about the lessons to be learned from newspapers and from ancient Roman architects. This time we’ll be looking at one of the all-time great graphic designers — Saul Bass. Saul Bass is a graphic design legend. Responsible for title sequences […]

    READ MORE
  • Getting The Most Out Of Git

    Not a single project today will get away without some sort of version control with Git under the hood. Knowing Git well helps you become a better developer, boost your developer’s workflow and truly improve the quality of your code base. However, that requires going a little bit outside of the comfort zone that we […]

    READ MORE
  • Smashing Podcast Episode 35 With Stephanie Stimac & Melanie Richards: What’s Next For HTML Controls?

    In this episode, we’re talking about HTML controls. Why are they so hard to style, and how might that change in the future? Drew McLellan talks to Microsoft’s Stephanie Stimac and Melanie Richards to find out. Show Notes Stephanie’s website and Twitter Melanie’s website and Twitter Open UI project Weekly Update Dynamic Static Typing In […]

    READ MORE
  • Managing CSS Z-Index In Large Projects

    There are several articles that explain z-index (here’s a good one), since it continues to trip up developers of all experience levels. I do not think that the number of articles is a sign that none of them do a good job at explaining it, but that there are a lot of developers out there […]

    READ MORE
  • Improving Your Team’s Communication In The Age Of Remote Work

    Products are not built in isolation. A big part of our professional lives is spent discussing, brainstorming, and deciding alongside others. No matter our field of expertise we need our team’s knowledge to amplify our own. With the rise of remote work, we’re communicating more and more in written instead of spoken form and teams […]

    READ MORE
  • Designing Better Tooltips For Mobile User Interfaces

    Ideally, mobile designs would be seamless with no need for technical documentation, online help, or tooltips. In reality, even the best designs can benefit from supplemental information. A tooltip provides this supplemental information when users tap an icon, image, hyperlink, or other elements in a mobile user interface (UI). For example: By identifying the “Solid […]

    READ MORE
  • How To Port Your Web App To Microsoft Teams

    Perhaps you are using Microsoft Teams at work and want to build an app that runs inside Teams. Or maybe you’ve already published an app on another platform and want to gain more users on Teams. In this article, we’ll see how to build a new web application in Teams, and how to integrate an […]

    READ MORE
  • Things You Can Do With CSS Today

    CSS is great and getting better all the time. Over recent years, especially, it has evolved really fast, too. Understandably, some of the really handy powers CSS gives you might have slipped you by because of this, so in this article, I’m going to show you some really handy stuff you can do with modern […]

    READ MORE