My Bookmarks

Filter by Tag:

Web Interface Guidelines

A non-exhaustive list of details that make a good web interface.

Your Website Owes You Money

How to make your site generate more leads, increase revenue, and save on engineering. These are the best design principles to follow when creating a web system instead of a website. Brought to you by one of the world's best product studios.

Solving Framer Motion Page Transitions in Next.js App Router

Let's crack the code on how to do proper exit and enter animations on page transitions in Next.js App Router using Framer Motion.

The Beginner's Guide to React

React got that name for a reason. It’s a component-based JavaScript library that renders smartly and can seriously simplify your work. This course is f...

CSS Variables for React Devs

CSS Variables are *really* cool, and they're incredibly powerful when it comes to React! This tutorial shows how we can use them with React to create dynamic themes. We'll see how to get the most out of CSS-in-JS tools like styled-components, and how our mental frame around media queries has been wrong all along.

Tao of React - Software Design, Architecture & Best Practices

I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design. While there are best…

A Visual Guide to React Rendering - It Always Re-renders

Contrary to popular belief, by default, react component doesn't care whether its props changed or not. It will always re-render when its parent renders.

Deconstructing toasts

Creating a simple toast component

101 design rules

Musings, ramblings, and principles that I’ve shared with my team and randomly on Twitter. Reminding yourself of the principles that ground you is simply a good practice. Here are mine.

Five Principles for Minimal Design - Carl Barenbrug

Minimalism in design has been engrained within my thinking ever since I was introduced to the work of Dieter Rams. He revolutionised industrial design in the …

Gestalt Principles of Design – Continuity - Christopher Butler ☼

The Gestalt Principles of Design are a set of concepts and guidelines drawn from gestalt psychology, which theorizes that the mind tends to process

Home | Laws of UX

Laws of UX is a collection of best practices that designers can consider when building user interfaces.

DesignSystems.com

A design systems publication by Figma

Not a Number

An interactive blog on computer science and web development, by Nanda Syahrasyad.

High-quality videos on frontend development

Learn how to build modern user interfaces for the web.

Great animations

What it takes to craft great animations.

Mastering Color Gradients | basement.studio

Gradients have been here from the early days of the web and still rock. The key is knowing how to use them. So, let's dive into the magic.

Shipping Ship: Behind the Particle Shader Effect for Vercel’s Conf | basement.studio

See how this ethos came to life in the particle shader effect we created for Vercel Ship.

Creating Daylight | The Shadows | basement.studio

Ever wondered how we created those lifelike shadows on Daylight's website? Here we break down the secrets of our shadow rendering process.