Top Design News
26. März 2023
-
Overcoming The Challenges Of Content Creation For Informational Websites
Content matters! Unfortunately, when it comes to informational websites, content quality is often poor. There is no magic answer to fix that. However, there are practical techniques you can use to improve the copy on your websites and ensure your users find the content they are looking for.
-
Smashing Podcast Episode 58 With Debbie Levitt: What Is CX Design?
In this episode of the Smashing Podcast, we ask what is Customer Experience design, and how does it differ from User Experience design? Vitaly Friedman talks to expert Debbie Levitt to find out.
-
Free Fonts For Interface Designers
Just a few beautiful, well-crafted fonts for headings and body text that you probably haven’t spotted before. Free for personal and commercial use. Enjoy!
-
Internationalization In Next.js 13 With React Server Components
Based on an example of a multilingual app that displays street photography images from Unsplash, Jan Amann explores
next-intl
to implement all internationalization needs in React Server Components and shares a technique for introducing interactivity with a minimalistic client-side footprint. -
Full Stack GraphQL With Next.js, Neo4j AuraDB And Vercel
In this article, William Lyon explores how to build a full stack GraphQL application that takes advantage of the API Routes feature of Next.js API to combine your GraphQL server and front-end React applications into a single framework.
-
What Leonardo Da Vinci Can Teach Us About Web Design
Perhaps more than any other person in history, Leonardo da Vinci showed the kind of magic that can happen in the overlap between art and science, where much of web development lives. His methods and outlooks are just as applicable to the web today as they were in Renaissance Italy.
-
A Pragmatist’s Guide To Lean User Research
Instead of telling you once again what the best practice is and adding to your imposter syndrome, let’s concentrate on some practical approaches to user research that we might be able to fit into our existing projects without being left disillusioned.
-
Building Complex Forms In Vue
Did you know that creating a complex form can be progressively enhanced using some Vue features like the
v-for
and thev-model
? In this article, Olufunke shares some basic Vue core features that are super useful when building out the complex form in your day-to-day Vue usage. -
How To Create Dynamic Donut Charts With TailwindCSS And React
In this article, Paul Scanlon shares a super lightweight approach to creating a Donut chart using
conic-gradient()
. There are no additional libraries to install or maintain, and there’s no heavy JavaScript that needs to be downloaded by the browser in order for them to work. -
Why You Should Consider Graphs For Your Next GraphQL Project
In this article, Adam Cowley examines the Graph behind GraphQL and demonstrates why Neo4j could be the best fit for your next project.
-
Inspiring Web Design And UX Showcases
Do you sometimes feel that all websites look the same? In this post, we compiled web design showcases that prove differently. They highlight some of the finest web designs, well-crafted experiences, and delightful interactions from across the web. Inspiration is guaranteed.
-
How AI Technology Will Transform Design
In this article, Nick and Gleb cover the current state of design, answer common questions designers have about AI tools, and share practical tips on how designers can make the most of using AI tools.
-
Moving From Vue 1 To Vue 2 To Vue 3: A Case Study Of Migrating A Headless CMS System
In this article, Elisabeth Wieser-Linhart explores its potential benefits and drawbacks and shares what considerations and steps were involved in the process of migrating the front-end interface of Storyblok’s headless content management system.
-
Daydreaming In March (2023 Wallpapers Edition)
Let’s get ready for March with some fresh wallpapers! Designed with love by the community for the community, the wallpaper designs in this collection are available in versions with and without a calendar. Enjoy!
-
Meet Penpot, An Open-Source Design Platform Made For Designers And Developers Alike
In the ever-evolving design tools landscape, it can be difficult to keep up with the latest and greatest. In this article, we’ll take a closer look at Penpot, the first design and prototyping tool that’s fully open-source and based on open web standards, making it an ideal choice for both designers and developers.
-
A Guide To Accessible Form Validation
Each time we build a field validation from scratch, accessibility doesn’t come out of the box. In this guide, Sandrina breaks down what we need to take into consideration, so that nobody gets stuck on an inaccessible invalid field.
-
Chocolate, Waffles And Fries: Meet SmashingConf Antwerp 2023 🇧🇪
Brand new conference on design & UX, for designers and UI engineers who love the web. On design systems, usability, product design and complex UIs. That’s SmashingConf Antwerp, taking place in magical Bourla on October 9–11, 2023.
-
Building Future-Proof High-Performance Websites With Astro Islands And Headless CMS
Let’s see how to achieve phenomenal web performance and great developer experience with Astro and a headless CMS, resulting in the best possible experience for users, developers and content creators alike.
-
Getting Internationalization (i18n) Right With Remix And Headless CMS
This article will show you the impact of internationalization, its fundamental logic, how to approach it with Remix, and optionally, how to manage it more conveniently using a headless CMS.
-
Smashing Podcast Episode 57 With Marcin Wichary: What’s The Key To A Great Keyboard?
In this episode of the Smashing Podcast, we ask what’s the key to a great keyboard? Is this essential part of our daily toolkit easily overlooked? Vitaly Friedman talks to expert Marcin Wichary to find out.
-
Keys To An Accessibility Mindset
An accessible product can be daunting to build as there’s so much nuance and technical depth to consider. In this article, Daniel Yuschick demonstrates three keys for approaching and developing accessible content without leaving you lost in the weeds.
-
A Step-By-Step Guide To Building Accessible Carousels
Most carousels come along with usability and accessibility issues. To avoid these issues, this article addresses step-by-step design considerations as well as semantic requirements for carousels to be accessible. It is intended to create an in-depth understanding of the implementation and its impact on users.
-
Putting Gears In Motion: Animating Cars With HTML And SVG
SVG `
` provides a way to define how an element moves along a motion path. In this article, Paul Scanlon shares an idea of how to use it by animating race cars in an infinite loop as easy as one-two-three! -
Five Steps To Design Your Product With Powerful Storytelling
How to apply powerful storytelling to design a compelling and memorable digital experience on a landing page. A case study of the [Smart Interface Design Patterns landing page](https://smart-interface-design-patterns.com/).
-
Discovering Primitive Objects In JavaScript (Part 1)
In the first part of the series, Kirill Myshkin covers some aspects of JavaScript that help bring objects closer to primitive values, which allow benefiting from common language features that aren’t usually associated with an object, like comparisons and arithmetic operators.
-
Picture Perfect: Meet Pixo, A Photo Editor For Your End Users
With so many image editing services available nowadays, it’s good to have one good solution that is applicable for all websites and web apps that need to provide image editing as a feature. Hristo Chakarov explains how Pixo Editor’s easy integration (just a few JavaScript lines) and rich API can save your time and improve your end users’ workflow.
-
How Designers Should Ask For (And Receive) High-Quality Feedback
In this article, Andy Budd shares his way of requesting feedback: rather than sharing a linear case study that explains every design revision, the first thing to do would be to better frame the problem.
-
Smashing Podcast Episode 56 With Veerle Pieters: How Has The Design Industry Changed?
In this episode of the Smashing Podcast we ask how has the design industry changed? Is technology making our work easier? Vitaly Friedman talks to veteran designer Veerle Pieters to find out.
-
How To Build A Magazine Layout With CSS Grid Areas
Web development, especially what you can do with CSS, has become increasingly complex. With the added capabilities of CSS Grid, it is now possible to achieve layouts that look like they were laid out by hand. Let’s tackle a practical example of how to do something like that.
-
UX Podcasts For Designers
Podcasts are a fantastic opportunity to get up close with the people who know their craft. In this post, we compiled podcasts that are bound to provide valuable insights into UX and new perspectives on the field. Perfect for a short coffee break or a long commute.
-
How To Host A WordPress Site On Amazon Lightsail
Lightsail provides all the power we need to host our websites, as we are used to from AWS, but making it way easier than ever before. In this article, Leonardo Losoviz explores how to launch a WordPress site in Lightsail in a quick and easy way.
-
Understanding App Directory Architecture In Next.js
The new App Directory architecture has been the main character of the recent Next.js release, which keeps bringing up many questions. In this article, Atila Fassina explores the advantages and pitfalls of this new strategy and reflects on whether you should use it in production now or not.
-
The Magic Of February (2023 Wallpapers Edition)
Do you need a little inspiration boost? Well, then our new batch of desktop wallpapers is for you. Designed by artists and designers from across the globe, they come in versions with and without a calendar for February 2023.
-
How B2B Sales Help Us Understand Our Role As UX Designers Better
Throughout a customer journey (particularly in B2B), there will be interactions that are primarily between two people rather than a human and an interface. In this article, Paul Boag explains why you cannot improve the user experience without considering the entirety of the UX journey.
-
Easy SVG Customization And Animation: A Practical Guide
Developers often feel discouraged from editing SVG markup and experimenting with SVG animations, thinking it’s a significant time investment or they need to use a complex animation library to do so. In this article, Adrian showcases his favorite tricks, which make the process streamlined and fun.
-
How To Build Strong Customer Relationships For User Research
In this article, Rachel walks you through various ways that product teams can utilize to build relationships with customers. She will share some tips and tricks from her experience that have helped her nurture customer relationships and build better products.
-
Creating A High-Contrast Design System With CSS Custom Properties
Managing our colors can truly help people to access our content. In this article, Brecht de Ruyte takes a deep dive into how we can create a high-contrast system while maintaining a balance between designing something accessible and respecting the look and feel of a brand.
-
Better ROI For Your Digital Products: Why Continuous Research Is Key
57% of product professionals say that product research has a positive effect on customer satisfaction. 42% agree that it affects profitability. Imagine how much more successful your product would be if you did research continuously?
-
Product Reviews And Ratings UX: A Designer’s Guide
How do we design effective reviews and ratings? With a distribution chart, decimal scores, tags, recommendation score and unedited product photos.
-
Copying Designs Doesn’t Work, And Here’s Why
Striking the right balance between inspiration and innovation might be hard. Let’s explore how to effectively get inspiration from others without losing that magic spark, including some do’s and don’ts along the way.