GIFs Without the .gif: The Most Performant Image and Video Options Right Now
28.9.2022
So you want an auto-playing looping video without sound? In popular vernacular this is the very meaning of the word GIF. The word has stuck around but the image format itself is ancient and obsolete. Twitter, for example, has …
GIFs Without the .gif: The Most Performant Image and Video...
Named Element IDs Can Be Referenced as JavaScript Globals
27.9.2022
Did you know that DOM elements with IDs are accessible in JavaScript as global variables? It’s one of those things that’s been around, like, forever but I’m really digging into it for the first time.
If this is the first …
Named Element IDs Can Be Referenced as JavaScript Globals originally...
How to Recreate Stripe’s Lava Lamp Gradient with Three.js
26.9.2022
A video coding session where you’ll learn how to recreate the lava lamp like gradient from Stripe
How to Create Wavy Shapes & Patterns in CSS
26.9.2022
The wave is probably one of the most difficult shapes to make in CSS. We always try to approximate it with properties like border-radius and lots of magic numbers until we get something that feels kinda close. And that’s before …
How to Create Wavy Shapes & Patterns in CSS originally...
Set Brave as Default Browser from Command Line
26.9.2022
I’ve been a huge fan of the Brave web browser for years. They’re crypto-friendly, provide native ad-blocking features, and even provide Tor integration. Whenever I set up new systems, I automate Brave as the default browser. You can use the following shell command to set Brave as...
How To Customize WordPress Block Theme Cover Templates with Dynamic Post Feature Images
23.9.2022
If we browse the WordPress theme directory, a majority of themes showcase cover images. It is a feature in popular demand. The cover page trend is true even in the block theme directory screenshots as well.
Let’s consider the …
How To Customize WordPress Block Theme Cover Templates with...
The Web is Good Now
23.9.2022
The video of Chris Coyier’s talk at CascadiaJS 2022 is now available. It’s his first in-person talk in more than two years, so it’s great to see our good friend back on stage slinging gems on what makes the web …
The Web is Good Now originally published on CSS-Tricks, which...
How I Made an Icon System Out of CSS Custom Properties
22.9.2022
SVG is the best format for icons on a website, there is no doubt about that. It allows you to have sharp icons no matter the screen pixel density, you can change the styles of the SVG on hover …
How I Made an Icon System Out of CSS Custom Properties originally published on CSS-Tricks, which...
Collective #730
22.9.2022
Penpot * Randomness in CSS * What’s New With Forms in 2022? * Hackers Mind Map
CSS :autofill
22.9.2022
Autofilling HTML input elements is a frequent user action that can drastically improve user experience. Hell, we all autofill for our passwords and address information. But what control do we have when input elements have been autofilled? To add custom CSS styles to inputs whose contents have been...
CSS Rules vs. CSS Rulesets
21.9.2022
The latest spec:
A style rule is a qualified rule that associates a selector list with a list of property declarations and possibly a list of nested rules. They are also called rule sets in CSS2.
Louis Lazaris:
As the above quote from W3C indicates...
CSS Checkerboard Background… But With Rounded Corners and Hover Styles
20.9.2022
On one hand, creating simple checkered backgrounds with CSS is easy. On the other hand, though, unless we are one of the CSS-gradient-ninjas, we are kind of stuck with basic patterns.
At least that’s what I thought while staring at …
CSS Checkerboard Background… But With Rounded...