My Bookmarks
A non-exhaustive list of details that make a good web interface.
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.
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.
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 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.
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…
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.
Creating a simple toast component
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.
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 …
The Gestalt Principles of Design are a set of concepts and guidelines drawn from gestalt psychology, which theorizes that the mind tends to process
Laws of UX is a collection of best practices that designers can consider when building user interfaces.
A design systems publication by Figma
An interactive blog on computer science and web development, by Nanda Syahrasyad.
Learn how to build modern user interfaces for the web.
What it takes to craft great animations.
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.
See how this ethos came to life in the particle shader effect we created for Vercel Ship.
Ever wondered how we created those lifelike shadows on Daylight's website? Here we break down the secrets of our shadow rendering process.