Links to things we’re checking into.
The cursor has transformed from a simple pointing device into a powerful tool for enhancing user interaction and providing contextual feedback. Software and games are raising the bar for what the cursor interface can do, demonstrating how thoughtful extensions of a...
I recently shared a trick on how to create a Full-bleed layout using a few lines of modern CSS code. If you are unfamiliar with such layout see the demo below. In this article we’ll dig deeper into the idea and explain things as we go.
Smoothly animating a border-radius with a View Transition
My obsessive, over the top method for designing super crisp icons.
Beautiful Screenshots and Mockups
Author-defined Functions are coming to CSS, and you can start to experiment with them now!
Tiny real smooth fast cool all events and evenn more responsive bring your own tooling slider. Framework agnostic but it's a you problem.
All-in-one animation engine. A fast and versatile JavaScript library to animate CSS.
This guide is a collection of the most basic digital hygiene tips, starting with the most basic to a bit more niche.
Drawing separator lines between various sections of a webpage is a common design technique, which can help to structure the content and make it more readable, as well as more aesthetically pleasing. As we’ll see in this article, there are techniques you can use today...
See how your links look across different platforms
Computers used to be physical beasts. We programmed them by punching cards, plugging in wires, and flipping switches. Programmers walked among banks of switches and cables, physically choreographing their logic. Being on a computer used to be a full-body experience.
Award-winning creative director. Monotype approved type designer. Musician. Writer. Artist. Vegan. Momentum 18 is an emerging font foundry and award-winning boutique branding design studio, collaborating with leading global brands and providing fonts to businesses and...
Webflow Designer & Front-end Developer with a strong background in UI/UX Design, based in India. Explore CTA.gallery for the web’s best Call-to-Actions. Perfect for designers, UI/UX experts, and creatives looking for inspiration to craft CTAs that convert.
A collection of repeatable SVG background patterns for you to use on your web projects.
Beautiful Screenshots and Mockups Cusomizable, eye-catching presentation for any content
There are over a hundred HTML elements. This page uses all of them. You're looking at <p></p> right now. HTML loves text. We can get some huge text with <h1></h1>.
The cursor has transformed from a simple pointing device into a powerful tool for enhancing user interaction and providing contextual feedback. Software and games are raising the bar for what the cursor interface can do, demonstrating how thoughtful extensions of a...
I recently shared a trick on how to create a Full-bleed layout using a few lines of modern CSS code. If you are unfamiliar with such layout see the demo below. In this article we’ll dig deeper into the idea and explain things as we go.
It didn’t take long for the “dark mode” to become a requirement for every user interface design. What started out as a design trend turned into a must-have feature for offering a comfortable user experience.
Creating a star rating component is a classic exercise in web development. It has been done and re-done many times using different techniques. We usually need a small amount of JavaScript to pull it together, but what about a CSS-only implementation? Yes, it is...
Very early in my career, I found myself on a design team tasked with improving some legacy security software. At one point, we were evaluating a setup screen that included a progress bar. I asked a member of the engineering team, “How is progress calculated?”
We worked on our first startup idea for over a year and completely failed. We never got real users. So a few months ago, we decided to pivot to Vigilant. When we did that, we had to build a new product from scratch. Restarting was humbling and depressing.
Create a map of your life where each week is a little box.
For 2025, the Pantone Color Institute selects PANTONE 17-1230 Mocha Mousse, a warming, brown hue imbued with richness. It nurtures us with its suggestion of the delectable qualities of chocolate and coffee, answering our desire for comfort.
Geist embodies our design principles of simplicity, minimalism, and speed, drawing inspiration from the renowned Swiss design movement. With precision, clarity, and functionality at its core, Geist enhances the visual experience of developers...
Over the years, we have been used to using CSS pre-processors like Sass for a use case like applying opacity to a pre-defined color. Today, we have a new way to do that and more with CSS relative colors. In this article, I aim to shed the light on that and introduce...
A screen recorder that's free, private, and friendly With Screenity you can relax. No time limits, an easy interface, and awesome features.
Open source browser tools for everyday use
500.000+ Open-licensed SVG Vector and Icons Search, explore and edit the best-fitting free icons or vectors for your projects using a wide variety vector library. Download free SVG vectors and icons for commercial use.
Here are some cheatsheets and quick references contributed by open source angels.
Cool, right? Not only have we created a full-bleed layout with compact code but we can easily adjust it to control the margin behavior of the elements. Can you think of other variations? I am sure we could tweak the formulas to have other useful and interesting...
Like most UX design decisions, choosing the best type of navigation isn’t a one-size-fits-all verdict. It depends on your digital product, target users, and UX goals.
A casual index, archive, and celebration of Vietnamese graphic design. Currently, there are 274 objects in this collection.
This article provides an introduction to Chrome DevTools and then takes a look at some more advanced features.
Easily generate color gradients with an unlimited number of color stops and steps.
Instead, React 19 focused on taking a lot of our pain away, from making forwardRef obsolete, to diffs for hydration errors, to a new compiler that makes our code more performant with minimal extra work on our part.
Build 'em yay
A seamless customer experience (CX) can reduce churn and boost retention. Discover essential design strategies that transform frustrating user journeys into engaging, personalized experiences that build loyalty and trust.
Graphic design isn’t dead, it’s evolving. Inspired by a Threads post, this piece dives into the art vs. design debate, AI’s impact, and why selling your value matters.
Ever wonder why some clients over-explain or dodge your questions? Learn how to navigate unclear client communication and keep your design projects on track with practical, experience-based strategies.