Search
Web 3.0 Is Coming, and Crypto Will Be Essential to It
5.9.2021
squo; in various ways, from using AI to proactively respond to user queries to using decentralization to unlock novel functions and experiences.And given that decentralization is likely to be one of the core properties of Web 3.0, this means that cryptoassets and blockchain will also play a s
Kyoto Looks Different Without All The Tourists
1.9.2021
This June, for the first time in a long time, I went to Kyoto with my kids to see the sights. But like everywhere, the city felt different. Something was missing. It was summer. The kids needed something to do. Kyoto Prefecture is not far from where I live in Osaka. I can be there in 20 minutes...
Martin Luther King, Jr.’s Daughter Distances Herself From Fortnite Event
30.8.2021
To the surprise of many, Epic Games added a new mode to Fortnite last week celebrating the legacy of the March on Washington for Jobs and Freedom and the man who led it, Martin Luther King, Jr. But Bernice King, the civil rights icon’s daughter, has since distanced herself from the event. It...
Collective #676
26.8.2021
Imba * Pop * The Big Gotcha With Custom Properties * GitNFT
The post Collective #676 appeared first on Codrops
The Big Gotcha With Custom Properties
19.8.2021
I’ve seen this confuse more than a handful of people recently, including myself, so I’m making sure it’s written down.
Let’s chuck a couple of custom properties into CSS:
html {
--color-1: red;
--color-2: blue;
}
Let’s use them right …
The post The...
Venezuelan Buys Apartment Using Tether as Real Estate Market Warms Up to Crypto
17.8.2021
A Venezuelan individual has reportedly purchased an apartment using cryptocurrency, specifically Tether, in the coastal state of Anzoategui last month. This is one of the first purchases of real estate with crypto that has been recorded in the country, but more properties are listed as accepting...
Exploring the CSS Paint API: Image Fragmentation Effect
9.8.2021
In my previous article, I created a fragmentation effect using CSS mask and custom properties. It was a neat effect but it has one drawback: it uses a lot of CSS code (generated using Sass). This time I am …
The post Exploring the CSS Paint API: Image Fragmentation Effect appeared first...
Efficient Infinite Utility Helpers Using Inline CSS Custom Properties and calc()
6.8.2021
I recently wrote a very basic Sass loop that outputs several padding and margin utility classes. Nothing fancy, really, just a Sass map with 11 spacing values, looped over to create classes for both padding and margin on each side. …
The post Efficient Infinite Utility Helpers Using Inline...
Using Absolute Value, Sign, Rounding and Modulo in CSS Today
28.7.2021
For quite a while now, the CSS spec has included a lot of really useful mathematical functions, such as trigonometric functions (sin(), cos(), tan(), asin(), acos(), atan(), atan2()), exponential functions (…
The post Using Absolute Value, Sign, Rounding and Modulo in CSS Today appeared...
CSS Logical Properties and Values
27.7.2021
Now that cross-browser support is at a tipping point, it’s a good time to take a look at logical properties and values. If you’re creating a website in multiple languages, logical properties and values are incredibly useful. Even if you’re …
The post CSS Logical Properties...
Organize your CSS declarations alphabetically
23.7.2021
Eric, again not mincin’ no words with blog post titles. This is me:
The most common CSS declaration organization technique I come across is none whatsoever.
Almost none, anyway. I tend to group them by whatever dumps out of my …
The post Organize your CSS declarations alphabetically...
From $100 Million to Nothing — Biographer Claims John McAfee Was Broke When He Died
19.7.2021
Just before the antivirus tycoon John McAfee was found dead in Spain, he told the public from prison that U.S. federal authorities seized all of his assets and he had “nothing.” Now a biographer who is writing a McAfee-based biography has corroborated McAfee’s story. The author...
Of Course We Can Make a CSS-Only Clock That Tells the Current Time!
16.7.2021
Let’s build a fully functioning and settable “analog” clock with CSS custom properties and the calc() function. Then we’ll convert it into a “digital” clock as well. All this with no JavaScript!
Here’s a quick look at the clocks …
The post Of Course We Can Make a CSS-Only Clock That Tells...
Build Complex CSS Transitions using Custom Properties and cubic-bezier()
14.7.2021
I recently illustrated how we can achieve complex CSS animations using cubic-bezier() and how to do the same when it comes to CSS transitions. I was able to create complex hover effect without resorting to keyframes. In this article, I …
The post Build Complex CSS Transitions using Custom...
The Dilemma of Naming Font Size Variables
6.7.2021
Normally, a project will have a set of pre-determined font sizes, usually as variables named in such a way that seeks some semblance of order and consistency. Any project of considerable size can use something like that. There are always …
The post The Dilemma of Naming Font Size Variables...
Positioning Overlay Content with CSS Grid
28.6.2021
Not news to any web developer in 2021: CSS Grid is an incredibly powerful tool for creating complex, distinct two-dimensional modern web layouts.
Recently, I have been experimenting with CSS Grid and alignment properties to create component layouts that …
The post Positioning Overlay Content...
Mexico’s Third Richest Man Recommends Bitcoin, His Bank Is Working to Accept BTC, Says Fiat Money Is a Fraud
28.6.2021
Ricardo Salinas Pliego, Mexico’s third-richest man and founder of Grupo Salinas, sees bitcoin as an asset with extraordinary properties, describing the cryptocurrency as “gold for the modern world.” He recommends bitcoin, thinks that fiat money is a fraud and the idea of the U.S....
Custom Property Brain Twisters
25.6.2021
I am part of that 82% that got the answer to Lea Verou's quiz wrong. Stephen Shaw posted a similar quiz as well and it's a fun exercise sharpen your CSS chops.
The post Custom Property Brain Twisters appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter
“Weak declaration”
23.6.2021
PPK looks at aspect-ratio, a CSS property for layout that, for the most part, does exactly what you would think it does. It’s getting more interesting as it’s behind a flag in Firefox and Safari now, so we’ll have …
The post “Weak declaration” appeared first...
Upland Is Celebrating 1 Million NFT Properties Minted in the Metaverse
23.6.2021
Upland has just hit a major milestone in their platform, and for the NFT landscape as a whole. Being one of the world’s fastest growing digital metaverses, Upland’s users have recently minted the millionth NFT property on the platform. Not long after being featured on CBS/Paramount...