Search

Nalezeno "grid": 149

Massachusetts Senator Forwards Bill Aimed at Forcing Crypto Miners to Report Greenhouse Gas Emissions

9.12.2022
On Dec. 8, 2022, three Democratic politicians from Massachusetts, Oregon, and California revealed legislation aimed at combatting “energy-intensive” cryptocurrency mining operations. The bill introduced by senator Ed Markey (D-MA) alleges that crypto mining “strains...

Applied Direct Response — ERCOT Study Shows Bitcoin Mining Is Beneficial to the Texas Grid

3.12.2022
On Nov. 29, 2022, The Electric Reliability Council of Texas (ERCOT) published a report on seasonal assessment and resource adequacy for the ERCOT region. ERCOT’s study indicates that bitcoin mining operations are flexible operations that can be beneficial to the Texas grid during the upcoming...

Manitoba Halts New Crypto Mining Projects Due to Expected High Energy Demand

1.12.2022
Authorities in Manitoba are temporarily suspending the connection of new crypto mining facilities to the power grid. The Canadian province, which relies heavily on hydroelectric generation and attracts miners with low electricity rates, fears it may face overwhelming energy demand. Manitoba...

Inline Layout Switch Ideas

22.11.2022
Two ideas for animating images from an inline layout to a column or grid-based one

CSS Grid and Custom Shapes, Part 3

11.11.2022
After Part 1 and Part 2, I am back with a third article to explore more fancy shapes. Like the previous articles, we are going to combine CSS Grid with clipping and masking to create fancy layouts for image … CSS Grid and Custom Shapes, Part 3 originally published on CSS-Tricks, which...

Menu to Grid Layout Animation

19.9.2022
A simple layout animation where the thumbnails of a menu row animate to their position in a content preview grid

How I Made a Pure CSS Puzzle Game

9.9.2022
I recently discovered the joy of creating CSS-only games. It’s always fascinating how HTML and CSS are capable of handling the logic of an entire online game, so I had to try it! Such games usually rely on the ol’ … How I Made a Pure CSS Puzzle Game originally published on CSS-Tricks, which...

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...

CSS Grid and Custom Shapes, Part 2

22.8.2022
Alright, so the last time we checked in, we were using CSS Grid and combining them with CSS clip-path and mask techniques to create grids with fancy shapes. Here’s just one of the fantastic grids we made together: CodePen… CSS Grid and Custom Shapes, Part 2 originally published...

CSS Grid and Custom Shapes, Part 1

15.8.2022
In a previous article, I looked at CSS Grid’s ability to create complex layouts using its auto-placement powers. I took that one step further in another article that added a zooming hover effect to images in a grid layout… CSS Grid and Custom Shapes, Part 1 originally published...

Zooming Images in a Grid Layout

8.8.2022
Creating a grid of images is easy, thanks to CSS Grid. But making the grid do fancy things after the images have been placed can be tricky to pull off. Say you want to add some fancy hover effect to … Zooming Images in a Grid Layout originally published on CSS-Tricks, which is part of...

Implicit Grids, Repeatable Layout Patterns, and Danglers

2.8.2022
Dave Rupert with some modern CSS magic that tackles one of those classic conundrums: what happens when the CSS for component is unable to handle the content we throw at it? The specific situation is when a layout grid expects … Implicit Grids, Repeatable Layout Patterns, and Danglers...

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...

Tiny Grid Layout Animation

13.7.2022
A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock. The post Tiny Grid Layout Animation appeared first on Codrops

In Praise of Shadows

12.7.2022
Our dear friend Robin has a new essay called In Praise of Shadows. Now, before you hop over there looking for nuggets on CSS box shadows, text shadows, and shadow filters… this is not that. It’s an essay … In Praise of Shadows originally published on CSS-Tricks. You should...

Make Way Grid Effect

28.6.2022
A little grid interaction effect where adjoining items make way to a selected one that expands. The post Make Way Grid Effect appeared first on Codrops

Conditionally Styling Selected Elements in a Grid Container

15.6.2022
Calendars, shopping carts, galleries, file explorers, and online libraries are some situations where selectable items are shown in grids (i.e. square lattices). You know, even those security checks that ask you to select all images with crosswalks or whatever. 🧐… Conditionally...