Search
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...
Bitcoin Mining Infrastructure Provider Lancium to Bolster Battery-Powered Demand Response at 25 MW Texas-Based Facility
8.7.2022
According to Lancium Inc., a crypto mining infrastructure firm, the company has signed a deal with the Texas battery-storage provider Broad Reach Power LLC. Broad Reach Power plans to supply battery power to Lancium’s Fort Stockton-based 25-megawatt facility and when the grid is swamped...
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
Iran to Shut Down Crypto Mining Farms Amid Record High Power Demand
21.6.2022
Authorities in Iran plan to unplug licensed crypto mining facilities as electricity consumption in the country is reaching record highs. The mining farms will be cut off from the grid on Wednesday, the Islamic Republic’s Ministry of Energy announced. Legal Crypto Miners in Iran to Halt...
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...
Here’s how blockchains are helping to advance the global energy grid
10.6.2022
Governments and environmentalists are quick to criticize the amount of electricity Bitcoin mining uses, but investors’ growing interest in crypto is leading to positive steps in the energy sector
Scroll Animation Ideas for Image Grids
31.5.2022
Some ideas for animations on images in a grid when scrolling a page.
The post Scroll Animation Ideas for Image Grids appeared first on Codrops
Image To Grid Transition
19.5.2022
A simple transition where a large image animates to its place in a grid.
The post Image To Grid Transition appeared first on Codrops
Collective #710
5.5.2022
[Array Builder] * Scrollex * Grid Tile Patterns * RemixPress * Just Join IT
The post Collective #710 appeared first on Codrops
LBank Exchange Will Launch Innovation Zone for Better User Experience
30.4.2022
PRESS RELEASE. LBank Exchange is an innovative crypto assets trading platform with 6.4 million global users. Since the start of its journey, LBank Exchange has continuously expanded in the global market, serving users in over 210 countries and regions worldwide, with features including spot...
Decentralizing the grid: Operators test blockchain solutions
14.4.2022
As today’s energy market becomes decentralized, energy grid operators may need to take a Web3 approach to asset management and security
Flexible, Powerful DataGrad from Sencha (Sponsored)
10.3.2022
Many of the web functionalities that we rely on once lived within individual desktop applications. From office suites, games, and financial tools, all of them are now web applications; they’re just as feature packed as their desktop counterparts. In the past I’ve used a variety...
Enhance Your Crypto Trading Profits with the Most Advanced Spot Grid Strategies
2.3.2022
Grid trading is a sort of quantitative strategy used in trading, and trading bots are used to automate buying and selling on Spot Trading. The Spot Grid trading strategy is created to place orders at a preset interval within configured price ranges. Spot Grid strategies involve placing orders...
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...
Is Classic GRID Bot Better Than the SBot?
21.2.2022
Grid trading is one of the more popular and profitable methods to automate trading behavior. However, even though the concept has been around for a while now, improvements are still made. Both SBot and a classic bot work well, although SBot provides some crucial advantages. The Popularity of Grid...