DesignNews
- A DRY Approach to Color Themes in CSSby Christopher Kirk-Nielsen on February 24, 2021 at 4:21 pm
The other day, Florens Verschelde asked about defining dark mode styles for both a class and a media query, without repeat CSS custom properties declarations. I had run into […]
- SmolCSSby Chris Coyier on February 24, 2021 at 3:54 pm
A wonderful collection of little layout-related CSS snippets from Stephanie Eckles that serves both as a quick reference and a reminder of how straightforward and powerful […]
- Material Design Text Fields Are Badly Designedby hello@smashingmagazine.com (Adam Silver) on February 24, 2021 at 12:00 pm
Where to put the label in a web form? In the early days, we talked about left-aligned labels versus top-aligned labels. These days we talk about floating labels. Let’s […]
- Hiding Content Responsiblyby Chris Coyier on February 24, 2021 at 12:35 am
We’ve covered the idea of hiding things in CSS many times here, the most recent post being Marko Ilic’s “Comparing Various Ways to Hide Things in CSS” which did a […]
- React Component Tests for Humansby Miroslav Nikolov on February 23, 2021 at 7:06 pm
React component tests should be interesting, straightforward, and easy for a human to build and maintain. Yet, the current state of the testing library ecosystem is not […]
- What’s the Backup Plan for Your WordPress Site?by Geoff Graham on February 23, 2021 at 5:08 pm
Of all the reasons we love and use Jetpack for CSS-Tricks—a poster child WordPress site—is that we can sleep easy at night knowing we have real-time backups running with […]
- Create Responsive Image Effects With CSS Gradients And `aspect-ratio`by hello@smashingmagazine.com (Stephanie Eckles) on February 23, 2021 at 1:30 pm
A classic problem in CSS is maintaining the aspect ratio of images across related components, such as cards. The newly supported `aspect-ratio` property in combination with […]
- Getting Deep into Shadowsby Rob O'Leary on February 22, 2021 at 4:00 pm
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 […]
- To the brain, reading computer code is not the same as reading languageby Geoff Graham on February 22, 2021 at 3:56 pm
One of the things I do when teaching beginning front-end development is ask students to describe what it’s like to read HTML. I give them pretty basic markup for a […]
- State Of GDPR In 2021: Key Updates And What They Meanby hello@smashingmagazine.com (Danny Bluestone) on February 22, 2021 at 1:00 pm
As digital practitioners, GDPR has impacted every facet of our professional and personal lives. Whether you’re addicted to Instagram, message your family on WhatsApp, buy […]
- Clipping Scrollable Areas On The inline-start Sideby Chris Coyier on February 19, 2021 at 10:32 pm
On a default left-to-right web page, “hanging” an element off the right side of the page (e.g. position: absolute; right: -100px;) triggers a horizontal scrollbar that […]
- Three Ways to Blob with CSS and SVGby Akash Mittal on February 19, 2021 at 4:09 pm
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 […]
- Use CSS Variables instead of React Contextby Chris Coyier on February 19, 2021 at 4:05 pm
Turns out you can use several different libraries to pass color information around components. Or, you could use custom properties, built right into CSS, have no decline in […]
- Building Your Own Personal Learning Curriculumby hello@smashingmagazine.com (Kirsty Simmonds) on February 19, 2021 at 1:00 pm
As developers, we’re constantly learning new languages and frameworks. But how can you structure this learning to ensure maximum benefit while still progressing? Here’s […]
- Mistakes I’ve Made as an Engineering Managerby Sarah Drasner on February 18, 2021 at 10:39 pm
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 […]
- Recipe websites, data modeling, and user experienceby Chris Coyier on February 18, 2021 at 9:19 pm
Simeon Griggs with some nice UX ideas for a recipe website: No math. Swap between units and adjust servings on-the-fly. Offer alternative ingredients. Re-list the ingredient […]
- Let’s Create a Custom Audio Playerby Idorenyin Udoh on February 18, 2021 at 4:27 pm
HTML has a built-in native audio player interface that we get simply using the <audio> element. Point it to a sound file and that’s all there is to it. We even get to […]
- Barebones CSS for Fluid Imagesby Chris Coyier on February 18, 2021 at 4:25 pm
Zach takes a look at some fundamental HTML+CSS usage for fluid, responsive images. Most of it, I’d say, is what you’d expect, but things get weird when srcset gets […]
- Context And Variables In The Hugo Static Site Generatorby hello@smashingmagazine.com (Kristian Lumme) on February 18, 2021 at 1:30 pm
In this article, we take a look at the topic of context and variables in Hugo, a popular static site generator. You’ll understand concepts such as the global context, flow […]
- You want…by Chris Coyier on February 17, 2021 at 9:50 pm
I’ve been enjoying these little “You want…” style posts. Post titles like that are a little more… forceful for my normal taste, but I like the spirit of sharing a […]