Smashing Magazine - RSS Feed

For Professional Web Designers and Developers

Latest articles

Tips And Tricks For Evaluating UX/UI Designers

When a company’s digital representation lacks a dedicated UX/UI design team, it can be hard to produce something that stands out from the crowd. The best designers and agencies have a touch of magic about them, transforming your company’s goals, customers’ demands, user specifications, and design instruments into a beneficial experience for both users...

Smart CSS Solutions For Common UI Challenges

It’s incredible to see what we can do with CSS today, especially if you still remember how difficult it once was to figure out stacking contexts or why margins collapsed and why top: float didn’t work. In this post, we’ll look at just that: exciting and fun things we can do with CSS, exploring common problems and use cases we all have to face in our...

Upcoming Live Workshops On Front-End & UX (Oct 2021–Jan 2022)

There are fantastic video courses out there, yet online workshops are just different. You can always ask a question live, you can share your screen and get immediate feedback, and you can work on group exercises with people around the world. In fact, that’s why we’ve fallen in love with online workshops — and have a full program scheduled for the months...

Useful React APIs For Building Flexible Components With TypeScript

Have you ever used React.createElement directly? What about React.cloneElement? React is more than just transforming your JSX into HTML. Much more, and to help you level up your knowledge of lesser-known (but very useful) APIs the React library ships with. We’re going to go over a few of them and some of their use cases that can drastically enhance...

Bridging The Gap Between Designers And Developers

In the past couple of years, it’s no secret that our design tools have exponentially evolved. With many having great component management and prototyping, you may be wondering what big leap could possibly be next? Let’s look at a typical dilemma: Let’s say that you’re a designer for the design systems team where you are creating components, variants...

The Autofill Dark Pattern

A newspaper sign-up form had fields for name, email, and password. So, I started typing on the name field, and the autofill suggested my profile. But there was something funky. The autocomplete suggestion included my mailing address. Needless to say, it was puzzling: the address was not a field in the form. Why was it even suggested? By the time this...

Composable CSS Animation In Vue With AnimXYZ

In this article, you will learn how to use the AnimXYZ toolkit to create unique, interactive, and visually engaging animations in Vue.js and plain HTML. By the end of this article, you will have learned how adding a few CSS classes to elements in Vue.js components can give you a lot of control over how those elements move in the DOM. This tutorial...

Building A Static-First MadLib Generator With Portable Text And Netlify On-Demand Builder Functions

Creating an interactive experience with fiction can be a chore with traditional content management tools. Writing the prose, creating the forms, combining them in the frontend — these are often the domain of three different people. Let’s make it the domain of just one content creator in which the user will fill out a form before reading the story —...

Freebie: COVID-19 Icon Set (56 Icons, AI, EPS, SVG, PNG)

In the fight against the COVID-19 pandemic, scientists are tirelessly working on vaccines and medicine against COVID-19 in laboratories. In the meantime, the entire world is waiting for good news while people worldwide are hardly waiting to unite and return to a peaceful life. For now, we can still only observe the regime of social distance, self-isolation...

A Guide To CSS Debugging

We’ve all been there, at the end of completing CSS for a layout and — what’s that? Ah! An extra scrollbar! Or maybe an element is an unexpected color. And on some browsers, that new feature just doesn’t seem to be working. Debugging — regardless of the language — is never a favorite task. CSS, like other languages, becomes easier to debug when you...

Discover, share and read the best on the web

Follow RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters! Get unfiltered news feeds or filter them to your liking.

Get Inoreader
Inoreader - Follow RSS Feeds, Blogs, Podcasts, Twitter searches, Facebook pages, even Email Newsletters!