Let’s talk shadows in web design. Shadows add texture, perspective, and emphasize the dimensions of objects. In web design, using light and shadow can add physical realism and can be used to make rich, tactile interfaces. Take the landing page below. It is for cycling tours in Iceland. Notice the embellished drop shadow of the cyclist and how it creates …

All businesses need to market their products or services. Without marketing, you’ll never sell anything. In other words: no marketing, no business. Meeting with a potential client to pitch your services is marketing. (Image source: Envato Elements) But you might be thinking, “I’ve never done any marketing, and I’m doing very well.”  If so, you’ve probably got the wrong idea of what …

Like many others, all this extra free time and closed restaurants has meant more time in the kitchen. But any time I’m copying from a recipe website or book – I’m simultaneously building a better experience in my mind. Can we make a recipe website experience that’s smarter than a list of ingredients alongside a step-by-step method? This is not …

What You’ll Be Creating So, you’re working with Cricut cursive fonts that connect, but your Cricut cursive fonts just don’t stay together when it’s time to make your project. How do you connect cursive letters in Cricut Design Space? In this tutorial, we’ll show you how to connect cursive letters on Cricut and how to attach letters on Cricut too. …

I’ve been riding the CSS-in-JS train for years (I was even a significant contributor to the “movement”). It’s awesome. I’ve never been so productive working with CSS than when I added a real programming language to it. I’m still a fan of CSS-in-JS, and in recent years, the CSS spec has evolved and improved a lot and modern browsers have …

Blobs are the smooth, random, jelly-like shapes that have a whimsical quality and are just plain fun. They can be used as illustration elements and background effects on the web. So, how are they made? Just crack open an illustration app and go for it, right? Sure, that’s cool. But we’re in a post here on CSS-Tricks, and it would …

This is the first of its kind blog post. I simply called it “You might not know”. For this one, I want to share something about the default behavior of clipping scrollable areas. Say we have a section with a decorative pseudo-element (The document direction is LTR). .section::before { position: absolute; left: -20px; top: 5px; width: 150px; height: 75px; background: …

I’ve been a manager for many years at companies of different scale. Through these experiences, I’ve done my share of learning, and made some mistakes along that way that were important lessons for me. I want to share those with you. But before diving in, I want to mention a strong caveat that my advice may be unique to my …

Material Design is a design system that helps teams build high-quality digital experiences. It brings together style, interaction, and motion to create hierarchy, meaning, and continuity throughout the application. Material Design comes with material components for Android that are necessary to ensure developers come up with beautiful designs. In this tutorial, you’ll get an overview of several of these Android …

In 2020, smartphone sales were 1.57 billion units worldwide, an increase from 1.52 billion units in 2019. Such impressive figures continue when we look at the world’s tablet shipments and deliveries. In the third quarter of 2020, Apple alone shipped 13.9 million units of tablets. These figures, as surprising as they are, make us think about the impact on mobile …