Tag: web-design

The Elements Of Responsive Typography

The elements of responsive typography

Dev

This article explores the basic elements of responsive typography, including concepts like media queries, fluid typography, and more.

Fimber Elemuwa
Oct 3, 2023 ⋅ 7 min read
Dark Mode in React: An In-Depth Guide

Dark mode in React: An in-depth guide

Dev

In this article, we learned how to implement dark mode in a React application and its top considerations.

Zain Sajjad
Mar 29, 2023 ⋅ 8 min read
How to create better themes with CSS variables

How to create better themes with CSS variables

Dev

In this article, we’ll explore what makes CSS variables special, why we should use them, ways they can benefit us, and the best practices.

Michelle Barker
Mar 28, 2023 ⋅ 8 min read

Styling in React: 5 ways to style React apps

Dev

Learn about styling React components with inline styling, styled-components, CSS modules, Tailwind CSS, and Sass and CSS style sheets.

Neo Ighodaro
Dec 8, 2022 ⋅ 13 min read

Comparing Tailwind CSS to Bootstrap: Is it time to ditch UI kits?

Dev

Bootstrap is known for its responsiveness, whereas proponents of Tailwind CSS typically value the framework’s customizability. Learn why Tailwind CSS is gaining popularity.

Obinna Ekwuno
Sep 22, 2022 ⋅ 13 min read

Design foundational, reusable components with Style Dictionary

Dev

Learn about the importance of design systems and how Style Dictionary can help your team ship products quickly and without confusion.

Nefe James
Apr 25, 2022 ⋅ 5 min read

Build responsive themes and components with Mantine

Dev

Learn how to build responsive themes and components with Mantine, a flexible and easy-to-use new UI library.

Samuel Ogunleye
Apr 22, 2022 ⋅ 11 min read

8 best ways to define component spacing in a design system

Dev

Component spacing is the most integral part of any UI design system. Learn the basics, and some handy tricks, in this complete guide.

Joel Adewole
Apr 8, 2022 ⋅ 5 min read
Creating interactive backgrounds in React with tsParticles

Creating interactive backgrounds in React with tsParticles

Dev

Build gorgeous, interactive backgrounds with tsParticles, the spiritual successor to particles.js, in this exploratory tutorial.

Arek Nawo
Jan 17, 2022 ⋅ 6 min read
Guide to Pagination

A guide to pagination, load more buttons, and infinite scroll

Dev

Here, we explain a few methods of setting up pagination, load more buttons, and infinite scroll to create more dynamic web pages.

Kumar Abhirup
Sep 28, 2021 ⋅ 5 min read
7 Most Common Web Design Mistakes According to Psychology

7 most common web design mistakes according to psychology

Dev

If you’re a frontend dev tasked with designing an app in addition to building it, these psychological principles can ensure your design works.

Gert Svaiko
Aug 25, 2021 ⋅ 4 min read
A quick overview of UI/UX best practices for cookie notifications

UI/UX best practices for cookie notifications

Dev

Take a step back from the controversy surrounding cookie notices and review these best UI/UX practices for implementing them on your website.

Adewale Abati
Aug 4, 2021 ⋅ 4 min read