Exploring the CSS Paint API: Polygon Border
20.9.2021
Nowadays, creating complex shapes is an easy task using clip-path, but adding a border to the shapes is always a pain. There is no robust CSS solution and we always need to produce specific “hacky” code for each particular …
The post Exploring the CSS Paint API: Polygon Border appeared...
Designing Beautiful Shadows in CSS
18.9.2021
My favorite kind of blog post is when someone takes a subject that I’ve spent all of five minutes considering and then says—no!—this is an enormous topic worthy of a dissertation. Look at all the things you can do with …
The post Designing Beautiful Shadows in CSS appeared first...
Computer Science Unleashed, Chapter 1: Connections
17.9.2021
Humans crave connections, and the advent of the digital revolution has empowered us to be more connected than ever before. The Internet has unleashed upon billions of people unprecedented economic and political freedom, as well as powerful means of control and domination. Yet, the vast majority...
AggregateError
17.9.2021
One of the big themes of the web these days is concurrency, which leads to accomplishing tasks asynchronously. In doing so, the possibility of multiple errors can occur. Instead of providing a generic error, optimally you’d provide a wealth of error information. TheAggregateError error lets...
Shadow Roots and Inheritance
16.9.2021
There is a helluva gotcha with styling a <details> element, as documented here by Kitty Guiraudel. It’s obscure enough that you might never run into it, but if you do, I could see it being very confusing (it would confuse …
The post Shadow Roots and Inheritance appeared first...
Minding the “gap”
16.9.2021
You might already know about the CSS gap property. It isn’t exactly new, but it did gain an important new ability last year: it now works in Flexbox in addition to CSS Grid. That, and the fact that I …
The post Minding the “gap” appeared first on CSS-Tricks. You can support...
Static Site Generators vs. CMS-powered Websites: How to Keep Marketers and Devs Happy
16.9.2021
(This is a sponsored post.)
Many developers love working with static site generators like Gatsby and Hugo. These powerful yet flexible systems help create beautiful websites using familiar tools like Markdown and React. Nearly every popular modern programming …
The post Static Site...
Collective #679
16.9.2021
Doodle Ipsum * W3C Design System * WebGL-Memory * Grainy Gradients * Bonsai
The post Collective #679 appeared first on Codrops
2021 Scroll Survey Report
16.9.2021
Here’s a common thought and question: how do browsers prioritize what they work on? We get little glimpses of it sometimes. We’re told to “star issues” in bug trackers to signal interest. We’re told to get involved in GitHub threads …
The post 2021 Scroll Survey...
kbar
15.9.2021
It’s not every day that a new pattern emerges across the web, but I think cmd + k is here to stay. It’s a keyboard shortcut that usually pops open a search UI and it lets you toggle settings on …
The post kbar appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter
An Intro to JavaScript Proxy
15.9.2021
Have you ever been in a situation where you wish you could have some control over the values in an object or array? Maybe you wanted to prevent certain types of data or even validate the data before storing it …
The post An Intro to JavaScript Proxy appeared first on CSS-Tricks. You...
On the `dl`
15.9.2021
Blogging about HTML elements¹? *chefs kiss*
Here’s Ben Myers on the (aptly described) “underrated” Definition List (<dl>) element in HTML:
You might have also seen lists of name–value pairs to describe lodging amenities, or to list
…
The post On the `dl` appeared...