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 different this time around....

2d

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 In My Career...

4d

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 Processing, and making a host of...

5d

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 narrative that blindness is the majority...

2w

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

This article is a sponsored by Bryntum 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...

2w

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 Product...

2w

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 few emails asking...

2w

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....

2w

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 the order of columns,...

3w

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 don’t exactly...

3w