Search
German Government Invests $1.2 Million in Metaverse Startup Flying Sheep Studios
23.3.2023
The German government has allocated $1.2 million in funding for a metaverse game being developed by Flying Sheep Studios. The company, based in Cologne, will use the funds for the development of a game called Star Life, which will also include blockchain elements in the form of non-fungible tokens...
Making Calendars With Accessibility and Internationalization in Mind
13.3.2023
Doing a quick search here on CSS-Tricks shows just how many different ways there are to approach calendars. Some show how CSS Grid can create the layout efficiently. Some attempt to bring actual data into the mix. Some …
Making Calendars With Accessibility and Internationalization in Mind...
Bitcoin-Based NFTs Cross 200,000 Ordinal Inscriptions, Yuga Labs Launches Twelvefold Collection
28.2.2023
On Monday, Feb. 27, 2023, the number of Ordinal inscriptions on the Bitcoin blockchain crossed 200,000 at 1:02 p.m. Eastern Time. In addition to the 200,000 inscriptions, Yuga Labs, creators of the Bored Ape Yacht Club (BAYC) non-fungible tokens (NFTs), revealed that the team had created...
The RPG Elements In Hogwarts Legacy Undermine Its Magic
22.2.2023
I’m walking the hallowed halls of Hogwarts, accompanied by twinkling classical piano music and random, startling interjections from a raucous moving painting or Peeves the Poltergeist. A student materializes in front of my eyes, shimmering into existence as their Disillusionment Charm fades;...
Paraguay to Become Top Bitcoin Mining Hub in Latam According to Insight Group
22.2.2023
Paraguay, one of the smallest countries in Latam, has the conditions needed to become the next Bitcoin mining hub in the region, according to mining insight group Hashrate Index. The company notes there are many elements in favor of Paraguay, including the abundance of clean hydroelectric power...
An Approach to Lazy Loading Custom Elements
13.2.2023
We’re fans of Custom Elements around here. Their design makes them particularly amenable to lazy loading, which can be a boon for performance.
Inspired by a colleague’s experiments, I recently set about writing a simple auto-loader: Whenever a custom …
An Approach to Lazy Loading...
Australian Government Says It Is Working to Ensure ‘Regulation of Crypto Assets Protects Consumers’
5.2.2023
The Australian government has said it will take steps to ensure the “regulation of crypto assets protects consumers” and one of these steps will be the reforming of “the licensing and custody of crypto assets.” The Anthony Norman Albanese-led government also said it...
Styling Buttons in WordPress Block Themes
9.1.2023
A little while back, Ganesh Dahal penned a post here on CSS-Tricks responding to a tweet that asked about adding CSS box shadows on WordPress blocks and elements. There’s a lot of great stuff in there that leverages new features …
Styling Buttons in WordPress Block Themes originally...
Document.elementFromPoint
30.12.2022
Reacting to events with JavaScript is the foundation of a dynamic experiences on the web. Whether it’s a click event or another typical action, responding to that action is important. We started with assigning events to specific elements, then moved to event delegation for efficiency, but...
Adding Box Shadows to WordPress Blocks and Elements
7.12.2022
The CSS box-shadow and outline properties gained theme.json support in WordPress 6.1. Let's look at a few examples of how it works in real themes, and what options we have to apply these styles to WordPress blocks and elements.
Adding Box Shadows to WordPress Blocks and Elements originally...
Starfield, Bethesda's Next Big RPG, Has Survival Elements Without All The Stress
30.11.2022
With so, so many planets in Starfield, Bethesda’s upcoming space sim game, there’s a lot of room for speculation ahead of its release on Xbox and PC next year. But the time for guessing games is coming to an end. Inspired by fictional themes and “tone” moreso than hardcore realism, the game aims...
A Couple Changes Coming in Chrome 108
4.11.2022
“A change to overflow on replaced elements in CSS”:
From Chrome 108, the following replaced elements respect the overflow property: img, video and canvas. In earlier versions of Chrome, this property was ignored on these elements.
This
…
A Couple Changes...
Unreveal Effects for Content Previews
1.11.2022
Some explorations of page transitions using covering elements and CSS clip-paths
Creating Animated, Clickable Cards With the :has() Relational Pseudo Class
25.10.2022
The CSS :has() pseudo class is rolling out in many browsers with Chrome and Safari already fully supporting it. It’s often referred to it as “the parent selector” — as in, we can select style a parent element from a …
Creating Animated, Clickable Cards With the :has() Relational Pseudo Class...
Fancy Image Decorations: Masks and Advanced Hover Effects
21.10.2022
Welcome to Part 2 of this three-part series! We are still decorating images without any extra elements and pseudo-elements. I hope you already took the time to digest Part 1 because we will continue working with a lot of gradients …
Fancy Image Decorations: Masks and Advanced Hover Effects...
A Pure CSS Gallery Focus Effect with :not
13.10.2022
Oftentimes in the past, I needed to figure out how to add styles to all elements inside the container but not the hovered one.
Demo of the expected “fade-out” effect on siblings to let users “focus” on a particular element.…
A Pure CSS Gallery Focus Effect with :not...
Japanese Gaming Giant Sega to Launch First Blockchain Game
3.10.2022
Sega, one of the largest Japanese gaming companies, has announced that it will launch its first blockchain game in collaboration with Double Jump Tokyo, another Japanese development company. The game, which is based on Sega’s Sangokushi Taisen franchise, will be built using Oasys, a Japanese...
Circle Launches Cross-Chain Transfer Protocol, USDC Issuer Acquires Payment Orchestration Firm Elements
30.9.2022
On Thursday, at the Converge22 event in San Francisco, Circle announced the acquisition of the payment orchestration company Elements. Circle explained that the acquisition includes plans to “quickly scale payment offerings.” Circle says the new service will make it easier...
Named Element IDs Can Be Referenced as JavaScript Globals
27.9.2022
Did you know that DOM elements with IDs are accessible in JavaScript as global variables? It’s one of those things that’s been around, like, forever but I’m really digging into it for the first time.
If this is the first …
Named Element IDs Can Be Referenced as JavaScript Globals originally...
CSS :autofill
22.9.2022
Autofilling HTML input elements is a frequent user action that can drastically improve user experience. Hell, we all autofill for our passwords and address information. But what control do we have when input elements have been autofilled? To add custom CSS styles to inputs whose contents have been...