Search
Interpolating Numeric CSS Variables
30.8.2022
We can make variables in CSS pretty easily:
:root {
--scale: 1;
}
And we can declare them on any element:
.thing {
transform: scale(--scale);
}
Even better for an example like this is applying the variable on a user …
Interpolating Numeric CSS Variables originally published...
Upland Sustains Mass Market Readiness With All-Inclusive Economy
12.8.2022
Upland is a mobile-first blockchain metaverse that allows users to buy virtual properties based on real world addresses, build on those properties to increase their value, and sell them to increase their virtual real estate portfolio. Upland has the unique position to attract mass markets due...
Central Bank of Brazil Director Praises Bitcoin as a Financial Innovation, Talks Programmable Digital Real
6.8.2022
Fabio Araujo, Director of the Central Bank of Brazil, has praised the properties of Bitcoin, saying it is a financial innovation using new technologies. To Araujo, Bitcoin was the catalyst for what is today known as Web3. At an event, Araujo also commented about the status of the development of...
Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers
1.8.2022
When working with CSS Grid, the first thing to do is to set display: grid on the element that we want to be become a grid container. Then we explicitly define the grid using a combination of grid-template-columns, grid-template-rows…
Exploring CSS Grid’s Implicit Grid and Auto-Placement...
Logical Properties for Useful Shorthands
20.7.2022
Michelle Barker with my favorite sorta blog post: short, practical, and leaves you with a valuable nugget for your time. Here, she gets into logical property shorthands in CSS, particularly those that set lengths just on a single axis, …
Logical Properties for Useful Shorthands originally...
How stroke-dasharray Patterns Work
15.7.2022
Say you have a line in SVG:
<svg<line x1="0" y1="30" x2="500" y2="30" stroke-color="#f8a100" /</svg
You can use the stroke-dasharray property in CSS to make dashes:
line {
stroke-dasharray: 5;
}
That 5 value is a relative unit based …
How stroke-dasharray Patterns...
Troubled Crypto Hedge Fund 3AC Reprimanded by Singapore’s Monetary Authority, Liquidators Eye Su Zhu’s Properties
1.7.2022
On Wednesday, it was reported that the crypto hedge fund Three Arrows Capital (3AC) was liquidated by a British Virgin Islands court and following the alleged liquidation, the Monetary Authority of Singapore (MAS) has reprimanded 3AC for misleading regulators. Furthermore, reports claim that...
Argentinian Tax Agency Ramps Up Digital Wallet Seizures
1.7.2022
The Argentinian Tax Agency, the AFIP, has ramped up the seizures of digital wallets of taxpayers in the country. The institution managed to seize more than 1,200 digital wallets of taxpayers that had debts and didn’t have a bank account, or other properties available to be collected by...
Dubai’s Retail Giant Majid Al Futtaim Accepts Crypto at 29 Shopping Malls and 13 Hotels in Partnership With Binance
6.6.2022
Leading shopping mall operator Majid Al Futtaim has partnered with Binance to accept cryptocurrencies at its malls and other properties. “Majid Al Futtaim is one of the most prestigious businesses in the Middle East and has millions of customers every year,” said the CEO of Binance....
Dubai Property Developer Completes Real Estate Deals Worth $50M via Crypto
4.6.2022
According to an executive with the Dubai-based DAMAC Properties, the real estate development “company has already succeeded in concluding real estate deals worth $50 million via cryptocurrencies since the beginning of this year.” The executive, however, says his company is facing...
Cool CSS Hover Effects That Use Background Clipping, Masks, and 3D
26.5.2022
We’ve walked through a series of posts now about interesting approaches to CSS hover effects. We started with a bunch of examples that use CSS background properties, then moved on to the text-shadow property where we technically didn’t use …
Cool CSS Hover Effects That Use Background...
Argentinian Senate Passes Bill That Would Tax Assets Held in Foreign Countries, Including Crypto
14.5.2022
The Argentinian Senate has approved a bill that would allow the government to tax non-declared assets held in foreign countries by citizens of the country. This includes stocks, properties, bonds, and even cryptocurrencies. The purpose of the legistlation would be to collect more funds to pay...
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...
Square Enix Closes $300 Million Sale of Western Studios to Bankroll Blockchain Pivot
7.5.2022
Square Enix, the influential Japanese gaming and publishing company, has sold its Western studios and some of its Western intellectual properties (IPs) to Embracer Group. The deal, which values these properties at $300 million, will allow the company to focus on the development of new businesses...
Colorful billionaire’s Dubai real estate firm now accepts BTC and ETH
28.4.2022
“Offering yet another transactional mode is exciting, and we are glad to recognize the value this technology brings to our customers,” said DAMAC Properties’ general manager of operations Ali Sajwani
Cool Hover Effects That Use Background Properties
27.4.2022
A while ago, Geoff wrote an article about a cool hover effect. The effect relies on a combination of CSS pseudo-elements, transforms, and transitions. A lot of comments have shown that the same effect can be done using background …
Cool Hover Effects That Use Background Properties originally...
Bandai Namco Announces Gundam Themed Metaverse
2.4.2022
Bandai Namco, a game developer and publishing company involved in the production of toys from several intellectual properties (IPs), has revealed more information about its $130-million metaverse gambit. The company says this new initiative will be based on its Gundam IP, being one of the first...
Law Project Presented in Argentinian Senate Proposes to Tax Undeclared Cryptocurrency Held Outside the Country
1.4.2022
A new law project presented in the Argentinian Senate is seeking to start a fund to pay for part of the debt the country has with the International Monetary Fund (IMF). The project, which is being pushed by members of the ruling party, would establish that Argentinian citizens have to pay taxes...
Tricks to Cut Corners Using CSS Mask and Clip-Path Properties
30.3.2022
We recently covered creating fancy borders with CSS mask properties, and now we are going to cut the corners with CSS mask and clip-path! A lot of techniques exist to cut different shapes from the corners of any element. …
Tricks to Cut Corners Using CSS Mask and Clip-Path Properties...
Building an Interactive Sparkline Graph with D3
29.3.2022
Learn how to build an interactive line graph using the D3 JavaScript library and CSS custom properties to create different color schemes.
The post Building an Interactive Sparkline Graph with D3 appeared first on Codrops