Cool Hover Effects That Use CSS Text Shadow
13.5.2022
In my last article we saw how CSS background properties allow us to create cool hover effects. This time, we will focus on the CSS text-shadow property to explore even more interesting hovers. You are probably wondering how adding shadow …
Cool Hover Effects That Use CSS Text Shadow...
Collective #711
12.5.2022
Motion DevTools * Voby * State of CSS 2022 * Learn CSS Subgrid * Markdoc
The post Collective #711 appeared first on Codrops
A CSS Slinky in 3D? Challenge Accepted!
12.5.2022
Braydon Coyer recently launched a monthly CSS art challenge. He actually had reached out to me about donating a copy of my book Move Things with CSS to use as a prize for the winner of the challenge — …
A CSS Slinky in 3D? Challenge Accepted! originally published on CSS-Tricks. You should...
COLRv1 and CSS font-palette: Web Typography Gets Colorful
11.5.2022
According to Toshi Omagari, the author of Arcade Game Typography, the world’s first multi-colored digital font was created in 1982 for a never-released video game called Insector. Multi-colored fonts, sometimes called chromatic type, are still relatively rare on the …
COLRv1 and...
Stack to Content Layout Transition
11.5.2022
An experimental layout transition where a stack of images animates to a gallery view, showing some more content.
The post Stack to Content Layout Transition appeared first on Codrops
Let’s Create a Tiny Programming Language
10.5.2022
By now, you are probably familiar with one or more programming languages. But have you ever wondered how you could create your own programming language? And by that, I mean:
A programming language is any set of rules that convert
…
Let’s Create a Tiny Programming Language originally...
Useful Tools for Creating AVIF Images
9.5.2022
AVIF (AV1 Image File Format) is a modern image file format specification for storing images that offer a much more significant file reduction when compared to other formats like JPG, JPEG, PNG, and WebP. Version 1.0.0 of the AVIF specification …
Useful Tools for Creating AVIF Images...
Get a Random Array Item with JavaScript
9.5.2022
JavaScript Arrays are probably my favorite primitive in JavaScript. You can do all sorts of awesome things with arrays: get unique values, clone them, empty them, etc. What about getting a random value from an array? To get a random item from an array, you can employ Math.random: const arr =...
WDRL — Edition 299: Parent selectors, JS concepts, Custom Elements, debugging page reloads and too smart SPAs
7.5.2022
Hey,
this week’s links are quite interesting: A couple of web standard (proposals) that would make CSS easier again like CSS Toggles, easy progressive enhancement for form data using the web platform. But also things like a huge list of JavaScript concepts to enhance your knowledge, or simple...
How to Serve a Subdomain as a Subdirectory
6.5.2022
Let’s say you have a website built on a platform that excels at design and it’s available at example.com. But that platform falls short at blogging. So you think to yourself, “What if I could use a different blogging …
How to Serve a Subdomain as a Subdirectory originally...
Collective #710
5.5.2022
[Array Builder] * Scrollex * Grid Tile Patterns * RemixPress * Just Join IT
The post Collective #710 appeared first on Codrops
Syntax Highlighting (and More!) With Prism on a Static Site
4.5.2022
So, you’ve decided to build a blog with Next.js. Like any dev blogger, you’d like to have code snippets in your posts that are formatted nicely with syntax highlighting. Perhaps you also want to display line numbers in the …
Syntax Highlighting (and More!) With Prism on a Static...