Search
Mondrian Art in CSS From 5 Code Artists
14.1.2022
Mondrian is famous for paintings with big thick black lines forming a grid, where each cell is white, red, yellow, or blue. This aesthetic pairs well with the notoriously rectangular web, and that hasn’t gone unnoticed over the years with …
Mondrian Art in CSS From 5 Code Artists...
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,...
Wordle Is That Square Grid Game You’ve Been Seeing All Over Social Media
30.12.2021
If you’ve been on Twitter recently, you may have noticed people posting a bunch of differently colored squares. No, this is not a psy-op you are being unfairly excluded from, rather it’s the Twitter manifestation of Wordle, a daily word-guessing game that is currently picking up steam in the world...
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
Illegal Crypto Miners Threatened With Jail Time in Russia
17.12.2021
Cryptocurrency miners that are illegally connecting their equipment to the power grid should go to prison, says a Russian lawmaker who recently announced that his nationalist party is working on draft legislation to regulate the crypto activity. The industry cannot rely on support from the state...
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 …
Iceland Refuses to Power New Bitcoin Farms Amid Electricity Shortages
9.12.2021
Cryptocurrency mining is among several energy-intensive industries hurt by a power deficit in Iceland. The country’s main utility is now rejecting requests to connect new coin minting facilities to the grid, after cutting supply to aluminum smelters and fish factories. Iceland Turns Away...
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...
Kyrgyzstan Shuts Down Cryptocurrency Farm With 2,500 Mining Rigs
17.11.2021
Authorities in Kyrgyzstan have uncovered and shut down a large crypto mining farm in the north of the country. Law enforcement officials claim the illegal coin minting facility has inflicted “colossal damage” to the nation’s power grid and that they are still trying to estimate...
Iran Continues Crackdown on Illegal Crypto Mining, Seizes Hundreds of Mining Rigs
10.11.2021
Authorities in Iran persist with their efforts to curb unauthorized cryptocurrency mining. The state-run power distribution company has recently identified over a dozen underground crypto farms in Tehran and other regions, unplugging hundreds of mining units illegally connected to the grid. Power...
CSS Grid Can Do Auto Height Transitions
8.11.2021
Bonafide CSS trick alert! Nelson Menezes figured out a new way (that only works in Firefox for now) that is awfully clever.
Perhaps you know that CSS cannot animate to auto dimensions, which is super unfortunate. Animating from …
The post CSS Grid Can Do Auto Height Transitions appeared...
Amid Risk of Power Deficit, Ukraine Shuts Down Another Crypto Farm
3.11.2021
With а growing threat of electricity shortages in the winter months, Ukraine has busted another large coin minting facility illegally drawing power from the grid. The country’s security agency announced it’s stepping up efforts to ensure the nation’s energy system...
Building an Angular Data Grid With Filtering
28.10.2021
(This is a sponsored post.)
Kendo UI makes it possible to go from a basic idea to a full-fledged app, thanks to a massive component library. We’re talking well over 100 components that are ready for you to drop …
The post Building an Angular Data Grid With Filtering appeared first...
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...
CSS is Going Gosh-Darned Hog Wild, I Tell Ya What
13.10.2021
As someone just sittin’ back watching CSS evolve, it feels like we’re at one of the hottest moments of innovation in CSS history. It was really something when we got flexbox across all browsers, and not terribly long after, grid. …
The post CSS is Going Gosh-Darned Hog Wild,...
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...
A Themeable React Data Grid With Great UX-Focused Features
7.10.2021
(This is a sponsored post.)
KendoReact can save you boatloads of time because it offers pre-built componentry you can use in your app right away. They look nice, but more importantly, they are easily themeable, so they look however …
The post A Themeable React Data Grid With Great UX-Focused...
Quickly Testing CSS Fallbacks
4.10.2021
Dumb trick alert!
Not all browsers support all features. Say you want to write a fallback for browsers that doesn’t support CSS Grid. Not very common these days, but it’s just to illustrate a point.
You could write the supporting …
The post Quickly Testing CSS Fallbacks appeared...