• Jump Into July (2022 Desktop Wallpapers Edition)

    Starting off the new month with a little inspiration boost — that’s the motivation behind our monthly wallpapers series that we’ve been running for more then eleven years now. Every month, we invite you, our dear readers, to challenge your creative skills and submit your wallpaper designs to it. And, of course, it wasn’t any […]

    READ MORE
  • Smashing Podcast Episode 48 With Stephanie Eckles: Is Sass Still Relevant?

    In this episode, we ask if Sass is still relevant in 2022 and if it adds any value modern CSS workflows. Vitaly talks to expert Stephanie Eckles to find out. Show Notes Stephanie’s personal website Stephanie on Twitter Modern CSS Level-Up With Modern CSS workshop at SmashingConf Weekly Update Things I Wish I’d Known Earlier […]

    READ MORE
  • Demystifying The New Gatsby Framework

    After the release of Gatsby 4, the Gatsby team saw the biggest rise in signups on Gatsby Cloud. According to Gatsby co-founder Kyle Mathews: “Gatsby 4 is the most powerful version of Gatsby yet. We’ve made Gatsby 10x faster to build and deploy by opening up two new rendering modes, adding support for Parallel Query […]

    READ MORE
  • Voice Control Usability Considerations For Partially Visually Hidden Link Names

    Digital accessibility tends to be taught through the lens of how your experience works (or fails to work) with a screen reader. It makes sense to think that, if it works for a screen reader, it will also work for a lot of other kinds of assistive technology. However, this approach also indirectly reinforces the […]

    READ MORE
  • How To Test Your MVP Within 2 Weeks (Or Less)

    As both an entrepreneur and designer, I understand the ways startup founders think. Most of them start a project with visions of a perfect product in their head. However, in reality, a well-performing product will likely look way different than an initial concept. Instead of seeking perfection from the outset, beginning with a Minimum Viable […]

    READ MORE
  • How To Create A Vanilla JavaScript Gantt Chart: Adding Task Editing Features (Part 2)

    In Part 1 of this article, we developed a web component for an interactive Gantt Chart. Now we will enhance the Gantt Chart component with some interaction possibilities for editing the jobs: the job bars are made resizable by mouse-dragging, and we also implement an editing dialogue that can be used to modify the start […]

    READ MORE
  • Things I Wish I’d Known Earlier In My Career

    We often focus on the latest techniques and tooling, trying to optimize our workflows and processes. However, in the end, every single person has their own goals and ambitions, and too often, our individual goals are left far behind the company’s goals and product development roadmaps. Over the last few weeks, I’ve been receiving a […]

    READ MORE
  • Precise Timing With Web Animations API

    I previously viewed animations as something playful. Something that adds fuzziness to interfaces. Apart from that, in good hands, animation can make interfaces clearer. One property of animations on the Web that I didn’t hear much about is their precision. That Web Animations API allows us to drop workarounds concerned with JavaScript timing issues. In […]

    READ MORE
  • How To Easily Build And Support Tables In Figma

    The table is one of the most painful components designers have to deal with in their daily design lives. The table element is often a complex combination of text components, lines, rectangles, icons, and more. It soon may become a nightmare to work with, especially if you also want to support different screen resolutions, change […]

    READ MORE
  • Web Design Done Well: Delightful Data Visualization Examples

    They say we are entering the Data Age. There’s certainly enough of the stuff about. Between analytics, public records, and the slow yet steady growth of the Semantic Web, millions of data points are at our fingertips, just waiting to have their stories told. Telling captivating stories with data is easier said than done. Spreadsheets […]

    READ MORE
  • The Guide To Windows High Contrast Mode

    When we talk about accessibility, we tend to talk about many things — such as dark mode, keyboard navigation, prefers-reduced-motion, and screen readers — but there is one thing that does not receive that much attention: Windows High Contrast Mode (from now on, abbreviated as WHCM). This is a tendency I have seen in some […]

    READ MORE
  • Adding Search To Your Site In 15 Minutes

    My site has been created using a static site generator and deployed to a CDN, so I’m super happy with how fast it is. But there has been a functionality that I’ve been missing all along: search. As it’s been mentioned many times, Jamstack doesn’t mean “static” — we can perfectly create fully dynamic sites […]

    READ MORE
  • How To Apply User Experience Principles To Embedded Systems: Learnings From The Field

    Embedded systems mean different things to different people; they can be standalone and independent, working by themselves, or be a part of a larger system. They are purpose-built for a particular application, designed to perform a specific function or set of tasks. Complexities of embedded systems range from very simple to highly sophisticated implementations, depending […]

    READ MORE
  • DevFest For Ukraine, A Charity Conference On The Future Of Tech 🇺🇦

    Every day, millions of Ukrainians show incredible courage and strength resisting Russian aggression. Volunteers, individuals and organizations are working together to provide support and raise funds for those in need. In times like these, uniting efforts and working together as a community matters more than ever. That’s why we’d like to highlight a wonderful initiative […]

    READ MORE
  • Measuring The Performance Of Typefaces For Users (Part 2)

    In the first part of this article, we saw that measuring and comparing typefaces is not a simple task. Testing it (subjectively or objectively) also depends on the context — which can be very tricky. We saw how important it is to keep the typographic design parameters and variables the same to get a more […]

    READ MORE
  • The Future Of Frontend Build Tools

    Frontend build tooling is crucial to the workflow of the modern frontend developer for a host of reasons classified under improved developer and user experiences. From the developer’s perspective, frontend tooling gives us: the ability to author modules, a dev server for local development, Hot Module Replacement (HMR) for a shorter feedback loop in development […]

    READ MORE
  • Simplify Your Color Palette With CSS Color-Mix()

    There’s a reason for all the new, experimental color features CSS is introducing. And there’s a reason for all the excitement they’re stirring up. Colors are hard. Defining a base color palette can be time-consuming and involve quite a few stakeholders. And that’s not even considering contextual colors, like hover, active and inactive states. Defining […]

    READ MORE
  • Digital Museums For Digital History

    Technological development is an iterative process. One might assume that any engineer has at least a rough idea of how we got from the first wheel to self-driving cars or from the abacus to fintech applications, but this is a risky thing to take for granted. Even digital heritage needs museums to be preserved. Without […]

    READ MORE
  • The Case For Prisma In The Jamstack

    The Jamstack approach originated from a speech given by Netlify’s CEO Matt Biilmann at Smashing Magazine’s very own Smashing Conf in 2016. Jamstack sites serve static pre-rendered content through a CDN and generate dynamic content through microservices, APIs & serverless functions. They are commonly created using JavaScript frameworks, such as Next.js or Gatsby, and static […]

    READ MORE
  • How To Build A Group Chat App With Vanilla JS, Twilio And Node.js

    Chat is becoming an increasingly popular communication medium in both business and social contexts. Businesses use chat for customer and employee intra-company communication like with Slack, Microsoft Teams, Chanty, HubSpot Live Chat, Help Scout, etc. Most social networks and communication apps also offer chat as an option by default, like on Instagram, Facebook, Reddit, and […]

    READ MORE