Search
Jack Dorsey-Backed Ocean Bitcoin Mining Pool Introduces Block Template Options
23.12.2023
Ocean, a Bitcoin mining pool backed by Jack Dorsey, has introduced block template options to allow individual miners to decide which transactions will be included in the next block. The feature, dubbed “path to decentralization,” will allow pool users to mine transactions with Ordinal...
Crypto Firms Should Use Binance’s Settlement As a “Template” For How to Operate, Says CFTC Commissioner Kristin Johnson
5.12.2023
Source: Pixabay Binance’s $4.3 billion fine from the Commodity Futures Trading Commission should be used as a “template” for how to operate, CFTC Commissioner Kristin Johnson said. Speaking at the Financial Times’ Crypto and Digital Assets Summit: Winter Edition on Tuesday, Johnson asserted that...
Westerners See El Salvador as a Template for a New Monetary System
12.10.2023
Is Europe’s MiCA a Template for Global Crypto Regulation?
20.4.2023
Formally enacted today, the EU’s Markets in Crypto-Assets Regulation is the most comprehensive framework of its kind. How will it influence how non-EU states regulate digital assets?
Animating CSS Grid (How To + Examples)
25.1.2023
I’m pleased to shine a light on the fact that the CSS grid-template-rows and grid-template-columns properties are now animatable in all major web browsers! Well, CSS Grid has technically supported animations for a long time, as it’s baked right …
Animating CSS Grid (How To + Examples)...
Using Grid Named Areas to Visualize (and Reference) Your Layout
26.8.2022
Whenever we build simple or complex layouts using CSS Grid, we’re usually positioning items with line numbers. Grid layouts contain grid lines that are automatically indexed with positive and negative line numbers (that is unless we explicitly name them). …
Using Grid Named Areas...
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...
Pokémon Legends: Arceus Should Be The Template For The Series' Future
24.6.2022
It’s clear that throughout its 26 year-long run, the Pokémon games have maintained a level of consistency that plenty others wish they could replicate. Truth is, this steady pace comes at a cost: the low-key quality of life buffs found in every entry often fall by the wayside come next time. As...
Ahmad Shadeed: Use Cases For CSS fit-content
1.3.2022
Ahmad Shadeed covers the CSS fit-content sizing keyword. It’s useful! It just doesn’t come up super often. I find myself using min-content a lot more, like when setting up the height of a grid-template-row.
The fit-content keyword is actually …
Ahmad Shadeed: Use Cases For...
The Process of Building a CSS Framework
25.10.2021
A behind-the-scenes look at making a CSS framework and a tutorial on how to build a website with it.
The post The Process of Building a CSS Framework appeared first on Codrops
The Process of Building a CSS Framework
25.10.2021
A behind-the-scenes look at making a CSS framework and a tutorial on how to build a website with it.
The post The Process of Building a CSS Framework appeared first on Codrops
Collective #684
21.10.2021
Core Web Vitals Checker * maku.js * Lorem.space * “Dark Mode” vs “Inverted” * Vizzu
The post Collective #684 appeared first on Codrops
WooCommerce + Google Analytics
12.10.2021
Google Analytics is powerful analytics software. A common way to use it is to just slap the JavaScript snippet on every page template you have and let it collect basic data about unique visitors and pageviews and such. That’s useful, …
The post WooCommerce + Google Analytics appeared...
Tonic (Component Framework)
27.9.2021
I enjoy little frameworks like Tonic. It’s essentially syntactic sugar over <web-components /> to make them feel easier to use. Define a Class, template literal an HTML template, probably some other fancy helpers, and you’ve got a component …
The post Tonic (Component...
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...
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...
HTML Boilerplates
14.5.2021
Manuel Matuzović goes line-by-line through a boilerplate HTML document. I like it. It’s a good reference and has a lot of the same type of stuff I tend to put in the main HTML template. It makes me think about …
The post HTML Boilerplates appeared first on CSS-Tricks.
You can support...
Bowser's Fury Should Be A Template For Future Nintendo Projects
15.2.2021
I played Bowser’s Fury this weekend. I’d intended to save it until I’d finished my first run through the Switch’s remake of Super Mario 3D World, having—like most humans—never owned a Wii U. But boy did I get bored of that quickly. And there was Bowser, just waiting on the launch screen, tempting...
Dynamically Switching From One HTML Element to Another in Vue
2.2.2021
A friend once contacted me asking if I had a way to dynamically change one HTML element into another within Vue’s template block. For instance, shifting a <div> element to a <span> element based on some criteria. The trick was …
The post Dynamically Switching From One HTML...
You want minmax(10px, 1fr) not 1fr
22.1.2021
There are a lot of grids on the web like this:
.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
My message is that what they really should be is:
.grid {
display: grid;
grid-template-columns: repeat(3, minmax(10px, 1fr));
}
Why? In …
The post You want minmax(10px, 1fr)...