26.2 C
New York

Tag: CSS Tricks

Inline Image Previews with Sharp, BlurHash, and Lambda Functions

Code
Don’t you hate it when you load a website or web app, some content displays and then some images load — causing content to shift around?...

An Interactive Starry Backdrop for Content

Code
I was fortunate last year to get approached by Shawn Wang (swyx) about doing some work for Temporal. The idea was to cast my...

Improving Icons for UI Elements with Typographic Alignment and Scale

Code
Utilizing icons in user interface elements is helpful. In addition to element labeling, icons can help reinforce a user element’s intention to users. But...

Creating Style Variations in WordPress Block Themes

Code
Global styles, a feature of the block themes, is one of my favorite parts of creating block themes. The concept of global style variations...

Cool Hover Effects That Use CSS Text Shadow

Code
In my last article we saw how CSS background properties allow us to create cool hover effects. This time, we will focus on the...

A CSS Slinky in 3D? Challenge Accepted!

Code
Braydon Coyer recently launched a monthly CSS art challenge. He actually had reached out to me about donating a copy of my book Move...
Tag Template - News Hub PRO PlatoBlockchain Data Intelligence | Vertical Search AI

COLRv1 and CSS font-palette: Web Typography Gets Colorful

Code
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...

Let’s Create a Tiny Programming Language

Code
By now, you are probably familiar with one or more programming languages. But have you ever wondered how you could create your own programming...

Useful Tools for Creating AVIF Images

Code
AVIF (AV1 Image File Format) is a modern image file format specification for storing images that offer a much more significant file reduction when...

How to Serve a Subdomain as a Subdirectory

Code
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...

Syntax Highlighting (and More!) With Prism on a Static Site

Code
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...

Adding Custom GitHub Badges to Your Repo

Code
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...
Tag Template - News Hub PRO PlatoBlockchain Data Intelligence | Vertical Search AI
1...4567Page 5 of 7

Recent articles

spot_img

Copyright @ 2022 Plato Technologies Inc.

en English
ar Arabicbn Bengalizh-CN Chinese (Simplified)da Danishnl Dutchen Englishet Estonianfi Finnishfr Frenchde Germanel Greekiw Hebrewhi Hindihu Hungarianid Indonesianit Italianja Japaneseko Koreanno Norwegianfa Persianpl Polishpt Portuguesero Romanianru Russianes Spanishsv Swedishth Thaitr Turkishuk Ukrainianur Urduvi Vietnamese