Search
Open Props (and Custom Properties as a System)
6.12.2021
Perhaps the most basic and obvious use of CSS custom properties is design tokens. Colors, fonts, spacings, timings, and other atomic bits of design that you can pull from as you design a site. If you pretty much only pull …
BCH Ecosystem Gains New NFT and Dex Platforms, TVL in Smartbch Defi Climbs 180% in 30 Days
3.12.2021
During the last few months, the Smartbch project has swelled with numerous projects, custom tokens, and the total-value locked (TVL) in five Smartbch decentralized exchange (dex) platforms has jumped more than 180% since November 3. Smartbch Defi TVL Climbs 180% in a Month — Bitcoin Cash...
Parallax Powered by CSS Custom Properties
19.11.2021
Good friend Kent C. Dodds has recently dropped his new website which had a lot of work go into it. I was fortunate enough that Kent reached out a while back and asked if I could come up with some …
The post Parallax Powered by CSS Custom Properties appeared first on CSS-Tricks. You...
Zero Trickery Custom Radios and Checkboxes
18.11.2021
I feel like half of all “custom-designed radio buttons and checkboxes” do two things:
Make them bigger
Colorize them
I always think of SurveyMonkey for having big chunky radios and checkboxes. And indeed, just poking at their interface quickly, even …
The post Zero Trickery...
Color Alpha Anywhere
16.11.2021
In my “Different Degrees of Custom Property Usage” article, I noted a situation about colors and CSS custom properties where I went “too far” with breaking up HSL color values. Breaking every single color into its H, S, and L parts …
The post Color Alpha Anywhere...
Sky Mavis Launches Katana, a Native Dex for Its Ronin Sidechain
5.11.2021
Sky Mavis, the company behind the development of Axie Infinity, has launched Katana, the first decentralized exchange for Ronin, its custom-made Ethereum sidechain. Katana will feature all of the tokens used in Sky Mavis’ products, including SLP and AXS, the native tokens of the Axie...
Jack Dorsey Says Square Is Considering Building a ‘Bitcoin Mining System Based on Custom Silicon’
16.10.2021
Following the latest report from Cambridge University that shows a large percentage of the Bitcoin network’s hashrate resides in the United States, the CEO of Twitter and Square, Jack Dorsey, has announced that Square is considering building a “bitcoin mining system based on custom...
Different Degrees of Custom Property Usage
14.10.2021
One way to work with Custom Properties is to think of them as design tokens. Colors, spacings, fonts, and whatnot. You set them at the root of the page and use them throughout your CSS. Very useful, and the classic …
The post Different Degrees of Custom Property Usage appeared first...
iExec Launches Oracle Factory Allowing Anyone To Create Custom Oracles in Minutes
12.10.2021
PRESS RELEASE. Using the iExec Oracle Factory, developers are able to create their own decentralized oracles with just the API’s URL and key. October 12th, Lyon, France, 2021 – iExec, a decentralized marketplace for computing assets, has announced the launch of the iExec Oracle...
Altcoin Traders Gets a New Darling as Bitclout Creator Launches DeSo
22.9.2021
ort for "decentralized social," is the first and only blockchain custom-built from the ground up to power and scale a new category of decentralized social applications to hundreds of millions of users," the team behind the project
Can we have custom media queries, please?
8.9.2021
Stefan Judis notes that there is a spec for custom media queries, but seemingly no momentum on it at the moment. That lack of movement is unfortunate, as it’s almost guaranteed front-end developers all over would start using it as …
The post Can we have custom media queries, please?...
Creating Interactive Product Pages With React and Cloudinary
6.9.2021
With Cloudinary and React, create low-bandwidth, interactive product pages for e-commerce on which shoppers can specify sizes, colors, and custom text.
The post Creating Interactive Product Pages With React and Cloudinary appeared first on Codrops
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...
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...
$VNY Token ~ The Revolution of Custom Wallet Addresses
4.8.2021
The text below is an advertorial article that was not written by Cryptonews.com journalists.
$VNY is the first token ever released on any blockchain to provide Custom Wallet Addresses for Bitcoin, Ethereum, Binance Smart Chain, Litecoin and Dogecoin Chains.
A Vanity Address is a Customisable...
Conjuring Generative Blobs With The CSS Paint API
30.7.2021
The CSS Paint API (part of the magical Houdini family) opens the door to an exciting new world of design in CSS. Using the Paint API, we can create custom shapes, intricate patterns, and beautiful animations — all with a …
The post Conjuring Generative Blobs With The CSS Paint API appeared...
GitHub Explains the Open Graph Images
29.7.2021
An explanation of those new GitHub social media images:
[…] our custom Open Graph image service is a little Node.js app that uses the GitHub GraphQL API to collect data, generates some HTML from a template, and pipes it to 
…
The post GitHub Explains the Open Graph Images...
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...