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 originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/cool-hover-effects-that-use-css-text-shadow/
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 get the newsletter.
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 CSS font-palette: Web Typography Gets Colorful originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/colrv1-and-css-font-palette-web-typography/
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 published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/lets-create-a-tiny-programming-language/
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 originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/useful-tools-for-creating-avif-images/
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 published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/how-to-serve-a-subdomain-as-a-subdirectory/
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 Site originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/syntax-highlighting-prism-on-a-next-js-site/
If you’ve spent time looking at open-source repos on GitHub, you’ve probably noticed that most of them use badges in their README files. Take the official React repository, for instance. There are GitHub badges all over the README file that communicate important dynamic info, like the latest released …
Adding Custom GitHub Badges to Your Repo originally published on CSS-Tricks. You should get the newsletter.
In design, reflections are stylized mirror images of objects. Even though they are not as popular as shadows, they have their moments — just think about the first time you explored the different font formats in MS Word or PowerPoint: …
Creating Realistic Reflections With CSS originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/creating-realistic-reflections-with-css/
Howdy y’all! Unless you’ve been living under a rock (and maybe even then), you’ve undoubtedly heard the news that CSS-Tricks, was acquired by DigitalOcean. Congratulations to everyone! 🥳 As a little hurrah to commemorate the occasion, I wanted to …
Creating the DigitalOcean Logo in 3D With CSS originally published on CSS-Tricks. You should get the newsletter.
https://css-tricks.com/creating-the-digitalocean-logo-in-3d-with-css/