Search
An Auto-Filling CSS Grid With Max Columns of a Minimum Size
16.2.2022
Within Drupal 10 core, we’re implementing a new auto-filling CSS Grid technique that I think is cool enough to share with the world.
The requirements are:
The user specifies a maximum number of columns. This is the auto-filling grid’s “natural”
…
An Auto-Filling CSS Grid With Max Columns...
Students Mining Crypto in Dorms May Face Criminal Prosecution in Russia, Lawyer Says
11.2.2022
University students in Russia minting digital currencies in their dormitories risk penalties and even criminal charges, according to a legal expert quoted by local media. The warning comes as Russian authorities are trying to curb crypto mining with cheap energy in residential areas. Mining...
Kazakhstan Shuts Down Crypto Mining Farms Till February
26.1.2022
Data centers minting cryptocurrencies in Kazakhstan were cut off from the nation’s power grid this week and will remain unplugged for the rest of January. The measure comes as the country faces electricity shortages blamed on crypto mining and blackouts in the cold winter months. Crypto...
SaGa Creator Is Working On A Remaster, A Remake, And A New Game
31.12.2021
Akitoshi Kawazu sounds like a busy guy. In a tweet to fans earlier today, he thanked them for supporting the SaGa series in 2021 and said he would continue working on for their support in 2022. By that, what exactly did he mean? Well...According to Kawazu, he’s moving forward on a remaster,...
Alternate Column Scroll Animation
21.12.2021
A grid layout with columns that scroll in opposite directions and a content preview animation.
The post Alternate Column Scroll Animation appeared first on Codrops
Using Position Sticky With CSS Grid
10.12.2021
Say you’ve got a two-column CSS grid and you want one of those columns to behave like position: sticky;. There is nothing stopping you from doing that. But the default height for those two columns is going to be …
Russia, Ukraine Shut Down Several Cryptocurrency Farms
5.12.2021
Authorities in Russia and Ukraine have closed down a number of illegal crypto mining facilities allegedly powered by stolen electricity. The underground farms have been discovered around the capital cities, Kyiv and Moscow, as well as in the Russian republic of Dagestan. Russia Busts Illegal Mining...
Grid Zoom Layout
1.12.2021
A simple image grid layout where a small grid image zooms to become larger while a content view opens.
The post Grid Zoom Layout appeared first on Codrops
Responsive Layouts, Fewer Media Queries
22.11.2021
We cannot talk about web development without talking about Responsive Design. It’s just a given these days and has been for many years. Media queries are a part of Responsive Design and they aren’t going anywhere. Since the introduction of …
The post Responsive Layouts, Fewer Media Queries...
Expandable Sections Within a CSS Grid
15.10.2021
I love CSS Grid. I love how, with just a few lines of code, we can achieve fully responsive grid layouts, often without any media queries at all. I’m quite comfortable wrangling CSS Grid to produce interesting layouts, while keeping …
The post Expandable Sections Within a CSS Grid appeared...
Less Absolute Positioning With Modern CSS
13.10.2021
Ahmad Shadeed blogs the sentiment that we might not need to lean on position: absolute as much as we might have in the past. For one thing: stacking elements. For example, if you have a stack of elements that should …
The post Less Absolute Positioning With Modern CSS appeared first...
Embracing Asymmetrical Design
20.9.2021
I’ll never forget one of Karen McGrane’s great lessons to the world: truncation is not a content strategy. The idea is that just clipping off text programmatically is a sledgehammer, and avoids the kind of real thinking and planning that …
The post Embracing Asymmetrical Design...
Minding the “gap”
16.9.2021
You might already know about the CSS gap property. It isn’t exactly new, but it did gain an important new ability last year: it now works in Flexbox in addition to CSS Grid. That, and the fact that I …
The post Minding the “gap” appeared first on CSS-Tricks. You can support...
gridless.design
6.8.2021
Donnie D’Amato built a whole site around the thesis that “digital designers still expect to use the grid while experienced layout engineers have moved beyond it.” The idea isn’t that we should never literally use display: grid; but rather that …
The post...
Layout with Reveal Animations and Content Preview
28.7.2021
Some experimental reveal animations on typographic elements as repeating pattern for a website design.
The post Layout with Reveal Animations and Content Preview appeared first on Codrops
123-Year-Old Hydroelectric Plant Sees New Life Mining Bitcoin — Revenue 3x Higher Than Selling to the Grid
9.7.2021
On Thursday local reports from Mechanicville, the city located in Saratoga County, New York, say that an old hydroelectric plant constructed back in 1897 was almost dismantled, but today the plant is mining bitcoins. The Mechanicville facility is considered one of the oldest renewable energy plants...
Ukraine Shuts Down Illegal Mining Farm With 150 Rigs
3.7.2021
Law enforcement officials in Ukraine have closed down a cryptocurrency mining farm that was minting digital coins using stolen electricity. The facility had more than 150 mining rigs that have been confiscated during a raid in Chernihiv region. Authorities in Ukraine Seize Over 150 ASICs From...
How do you make a layout with pictures down one side of a page matched up with paragraphs on the other side?
30.6.2021
I got this exact question in an email the other day, and I thought it would make a nice blog post because of how wonderfully satisfying this is to do in CSS these days. Plus we can sprinkle in polish …
The post How do you make a layout with pictures down one side of a page matched up with...
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...
Equal Columns With Flexbox: It’s More Complicated Than You Might Think
10.6.2021
As awesome as flexbox is, what it’s doing under the hood is actually a little strange because, by default, it is doing two things at once. It first looks at the content size which is what we would get if by declaring width: max-content on an element. But on top of that, flex-shrink is also doing...