Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
veganism.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Veganism Social is a welcoming space on the internet for vegans to connect and engage with the broader decentralized social media community.

Administered by:

Server stats:

302
active users

veganism.social: AboutStatusPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.0-alpha.5+vegan

#grid

3 posts3 participants0 posts today
GripNews<p>🌘 項目流動：版面配置的新統一概念（第一部分）<br>➤ 統一Flexbox、Grid和Masonry佈局的全新方法<br>✤ <a href="https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">webkit.org/blog/16587/item-flo</span><span class="invisible">w-part-1-a-new-unified-concept-for-layout/</span></a><br>WebKit團隊正在探索一種名為「項目流動」（Item Flow）的新概念，旨在統一Flexbox和Grid的版面配置屬性。此概念源於對現有方案的不足之處的考量，以及W3C技術架構小組（TAG）提出的將Flexbox、Grid和Masonry整合到統一屬性集合中的建議。項目流動將包含新的簡寫屬性 `item-flow`，以及 `item-direction`、`item-wrap`、`item-pack` 和 `item-slack` 等長寫屬性，旨在提供更靈活、更通用的版面設計控制能力，並為Flexbox和Grid帶來新的功能。本文介紹了項目流動的概念，並探討了它對Flexbox和Grid的影響，後續文章將深入探討其對Masonry樣式版面配<br><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/Web%E9%96%8B%E7%99%BC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Web開發</span></a> <a href="https://mastodon.social/tags/%E7%89%88%E9%9D%A2%E9%85%8D%E7%BD%AE" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>版面配置</span></a> <a href="https://mastodon.social/tags/Flexbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Flexbox</span></a> <a href="https://mastodon.social/tags/Grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Grid</span></a></p>
Ana Tudor 🐯<p>Here's another such example on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span> <a href="https://codepen.io/thebabydino/pen/azbLBJy" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/azb</span><span class="invisible">LBJy</span></a></p><p>Concave rounding, gradient background, shape drop-shadow, responsivity... all in one demo. Also using an <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>filter</span></a> + <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grid</span></a>.</p><p><a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/cssGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssGrid</span></a> <a href="https://mastodon.social/tags/cssLayout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssLayout</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a></p>
Nicolas Hoizey<p>“Item Flow, Part 1: A new unified concept for layout” by <span class="h-card" translate="no"><a href="https://front-end.social/@jensimmons" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>jensimmons</span></a></span>, Saron Yitbarek, Elika Etemad and Brandon Stewart</p><p>🔗 <a href="https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">webkit.org/blog/16587/item-flo</span><span class="invisible">w-part-1-a-new-unified-concept-for-layout/</span></a></p><p>&gt; As we worked through the details, we started to get excited. Suddenly new features for Flexbox and Grid that people have wanted for years had an obvious home. Things seemed to click together elegantly. New capabilities emerged</p><p>This is really an exciting…</p><p><a href="https://mamot.fr/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mamot.fr/tags/Masonry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Masonry</span></a> <a href="https://mamot.fr/tags/Grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Grid</span></a> <a href="https://mamot.fr/tags/Flexbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Flexbox</span></a></p><p>⚓️ <a href="https://nicolas-hoizey.com/links/2025/04/01/item-flow-part-1-a-new-unified-concept-for-layout/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">nicolas-hoizey.com/links/2025/</span><span class="invisible">04/01/item-flow-part-1-a-new-unified-concept-for-layout/</span></a></p>
Tina M Casey<p>Tesla is a brand built on good will and practically no competition. Now the good will has been spent and the competition is accelerating, raising new challenges for Tesla's in the energy storage business as well as its cars.</p><p><a href="https://cleantechnica.com/2025/03/28/new-long-duration-energy-storage-system-to-challenge-tesla-megapack/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">cleantechnica.com/2025/03/28/n</span><span class="invisible">ew-long-duration-energy-storage-system-to-challenge-tesla-megapack/</span></a></p><p><a href="https://newsie.social/tags/tesla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tesla</span></a> <a href="https://newsie.social/tags/teslaev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>teslaev</span></a> <a href="https://newsie.social/tags/teslabatteries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>teslabatteries</span></a> <a href="https://newsie.social/tags/teslamegapack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>teslamegapack</span></a> <a href="https://newsie.social/tags/energystorage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>energystorage</span></a> <a href="https://newsie.social/tags/longdurationenergystorage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>longdurationenergystorage</span></a> <a href="https://newsie.social/tags/battery" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>battery</span></a> <a href="https://newsie.social/tags/batteries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>batteries</span></a> <a href="https://newsie.social/tags/decearbonization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>decearbonization</span></a> <a href="https://newsie.social/tags/energytransition" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>energytransition</span></a> <a href="https://newsie.social/tags/renewableenergy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>renewableenergy</span></a> <a href="https://newsie.social/tags/grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grid</span></a> <a href="https://newsie.social/tags/brands" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>brands</span></a> <a href="https://newsie.social/tags/brandreputation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>brandreputation</span></a> <a href="https://newsie.social/tags/brandcrisis" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>brandcrisis</span></a> <a href="https://newsie.social/tags/crisiscommunications" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>crisiscommunications</span></a></p>
Tina M Casey<p>Tesla is a brand built on good will and practically no competition. Now the good will has been spent and the competition is accelerating, raising new challenges for Tesla's in the energy storage business as well as its cars.</p><p><a href="https://cleantechnica.com/2025/03/28/new-long-duration-energy-storage-system-to-challenge-tesla-megapack/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">cleantechnica.com/2025/03/28/n</span><span class="invisible">ew-long-duration-energy-storage-system-to-challenge-tesla-megapack/</span></a></p><p><a href="https://mastodon.green/tags/tesla" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tesla</span></a> <a href="https://mastodon.green/tags/teslaev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>teslaev</span></a> <a href="https://mastodon.green/tags/teslabatteries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>teslabatteries</span></a> <a href="https://mastodon.green/tags/teslamegapack" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>teslamegapack</span></a> <a href="https://mastodon.green/tags/energystorage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>energystorage</span></a> <a href="https://mastodon.green/tags/longdurationenergystorage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>longdurationenergystorage</span></a> <a href="https://mastodon.green/tags/battery" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>battery</span></a> <a href="https://mastodon.green/tags/batteries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>batteries</span></a> <a href="https://mastodon.green/tags/decearbonization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>decearbonization</span></a> <a href="https://mastodon.green/tags/energytransition" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>energytransition</span></a> <a href="https://mastodon.green/tags/renewableenergy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>renewableenergy</span></a> <a href="https://mastodon.green/tags/grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grid</span></a> <a href="https://mastodon.green/tags/brands" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>brands</span></a> <a href="https://mastodon.green/tags/brandreputation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>brandreputation</span></a> <a href="https://mastodon.green/tags/brandcrisis" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>brandcrisis</span></a> <a href="https://mastodon.green/tags/crisiscommunications" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>crisiscommunications</span></a></p>
DamonHD<p>I did manage to get a crude pin-hole <a href="https://mastodon.social/tags/eclipse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eclipse</span></a> pic and have so far steered the dishwasher around needing to <a href="https://mastodon.social/tags/import" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>import</span></a> from the <a href="https://mastodon.social/tags/grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grid</span></a> - <a href="https://mastodon.social/tags/selfConsumption" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>selfConsumption</span></a> FTW</p>
sprungmarkers (she / her)<p>personally I was never a great fan of <a href="https://mastodon.social/tags/masonry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>masonry</span></a> layout - but okay, it seems to generate a hugh <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/discussion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>discussion</span></a> in <a href="https://mastodon.social/tags/flexbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>flexbox</span></a> and <a href="https://mastodon.social/tags/grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grid</span></a> <a href="https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">webkit.org/blog/16587/item-flo</span><span class="invisible">w-part-1-a-new-unified-concept-for-layout/</span></a></p>
Trevor McLeod<p>Some thoughts about a trans <a href="https://mastodon.social/tags/Canada" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Canada</span></a> <a href="https://mastodon.social/tags/Electrical" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Electrical</span></a> <a href="https://mastodon.social/tags/Grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Grid</span></a> </p><p>I think it is a great idea, much better than building more <a href="https://mastodon.social/tags/pipeline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pipeline</span></a> <a href="https://mastodon.social/tags/infrastructure" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>infrastructure</span></a></p><p><a href="https://mastodon.social/tags/cdnpoli" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cdnpoli</span></a> <a href="https://mastodon.social/tags/cdnpolitics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cdnpolitics</span></a></p><p><a href="https://www.nationalobserver.com/2025/03/21/analysis/electro-shock-could-trump-tariffs-energize-ambitions-trans-canada-power-grid" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">nationalobserver.com/2025/03/2</span><span class="invisible">1/analysis/electro-shock-could-trump-tariffs-energize-ambitions-trans-canada-power-grid</span></a></p>
Steve Dustcircle 🌹<p><a href="https://mastodon.social/tags/Grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Grid</span></a> managers promote <a href="https://mastodon.social/tags/fossilfuels" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fossilfuels</span></a> during reliability hearing</p><p><a href="https://www.eenews.net/articles/grid-managers-promote-fossil-fuels-during-reliability-hearing/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">eenews.net/articles/grid-manag</span><span class="invisible">ers-promote-fossil-fuels-during-reliability-hearing/</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Proposals" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Proposals</span></a><br>Minding the gaps · A new way to draw separators in CSS <a href="https://ilo.im/162wg5" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162wg5</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Grid</span></a> <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Layout</span></a> <a href="https://mastodon.social/tags/Separators" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Separators</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a></p>
Europe Says<p><a href="https://www.europesays.com/1936604/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">europesays.com/1936604/</span><span class="invisible"></span></a> Renewable Energy Fights for Relevance in Trump’s America <a href="https://pubeurope.com/tags/batteries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>batteries</span></a> <a href="https://pubeurope.com/tags/Energy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Energy</span></a> <a href="https://pubeurope.com/tags/EnergyDemand" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EnergyDemand</span></a> <a href="https://pubeurope.com/tags/FossilFuels" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FossilFuels</span></a> <a href="https://pubeurope.com/tags/GreenEnergy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GreenEnergy</span></a> <a href="https://pubeurope.com/tags/grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grid</span></a> <a href="https://pubeurope.com/tags/policy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>policy</span></a> <a href="https://pubeurope.com/tags/Renewables" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Renewables</span></a> <a href="https://pubeurope.com/tags/solar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>solar</span></a> <a href="https://pubeurope.com/tags/trump" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>trump</span></a> <a href="https://pubeurope.com/tags/wind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wind</span></a></p>
Tina M Casey<p>US community solar movement gets an assist from global investors</p><p><a href="https://cleantechnica.com/2025/03/22/trump-is-powerless-to-stop-the-community-solar-movement-from-spreading/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">cleantechnica.com/2025/03/22/t</span><span class="invisible">rump-is-powerless-to-stop-the-community-solar-movement-from-spreading/</span></a></p><p><a href="https://mastodon.green/tags/solar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>solar</span></a> <a href="https://mastodon.green/tags/communitysolar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>communitysolar</span></a> <a href="https://mastodon.green/tags/solarenergy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>solarenergy</span></a> <a href="https://mastodon.green/tags/solarpower" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>solarpower</span></a> <a href="https://mastodon.green/tags/gosolar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gosolar</span></a> <a href="https://mastodon.green/tags/gogreen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gogreen</span></a> <a href="https://mastodon.green/tags/grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grid</span></a> <a href="https://mastodon.green/tags/investors" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>investors</span></a> <a href="https://mastodon.green/tags/investing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>investing</span></a> <a href="https://mastodon.green/tags/finance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>finance</span></a> <a href="https://mastodon.green/tags/renewableenergy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>renewableenergy</span></a> <a href="https://mastodon.green/tags/renewables" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>renewables</span></a> <a href="https://mastodon.green/tags/energytransition" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>energytransition</span></a> <a href="https://mastodon.green/tags/sustainable" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sustainable</span></a> <a href="https://mastodon.green/tags/sustainability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sustainability</span></a> <a href="https://mastodon.green/tags/esginvesting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>esginvesting</span></a> <a href="https://mastodon.green/tags/esg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>esg</span></a></p>
Tina M Casey<p>Compressed air energy storage can help solve the orphan well problem, with an assist from geothermal energy.</p><p><a href="https://cleantechnica.com/2025/03/20/the-sustainability-sparks-fly-when-geothermal-energy-orphan-wells-caes-all-come-together/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">cleantechnica.com/2025/03/20/t</span><span class="invisible">he-sustainability-sparks-fly-when-geothermal-energy-orphan-wells-caes-all-come-together/</span></a></p><p><a href="https://newsie.social/tags/geothermalenergy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>geothermalenergy</span></a> <a href="https://newsie.social/tags/geothermal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>geothermal</span></a> <a href="https://newsie.social/tags/energystorage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>energystorage</span></a> <a href="https://newsie.social/tags/caes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>caes</span></a> <a href="https://newsie.social/tags/compressedair" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>compressedair</span></a> <a href="https://newsie.social/tags/orphanwells" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>orphanwells</span></a> <a href="https://newsie.social/tags/oilandgas" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>oilandgas</span></a> <a href="https://newsie.social/tags/renewableenergy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>renewableenergy</span></a> <a href="https://newsie.social/tags/windenergy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>windenergy</span></a> <a href="https://newsie.social/tags/solarenergy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>solarenergy</span></a> <a href="https://newsie.social/tags/grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grid</span></a> <a href="https://newsie.social/tags/energytransition" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>energytransition</span></a> <a href="https://newsie.social/tags/energyinfrastructure" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>energyinfrastructure</span></a> <a href="https://newsie.social/tags/oilwells" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>oilwells</span></a> <a href="https://newsie.social/tags/gaswells" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gaswells</span></a> <a href="https://newsie.social/tags/abandonedwells" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abandonedwells</span></a></p>
Tina M Casey<p>Compressed air energy storage can help solve the orphan well problem, with an assist from geothermal energy.</p><p><a href="https://cleantechnica.com/2025/03/20/the-sustainability-sparks-fly-when-geothermal-energy-orphan-wells-caes-all-come-together/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">cleantechnica.com/2025/03/20/t</span><span class="invisible">he-sustainability-sparks-fly-when-geothermal-energy-orphan-wells-caes-all-come-together/</span></a></p><p><a href="https://mastodon.green/tags/geothermalenergy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>geothermalenergy</span></a> <a href="https://mastodon.green/tags/geothermal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>geothermal</span></a> <a href="https://mastodon.green/tags/energystorage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>energystorage</span></a> <a href="https://mastodon.green/tags/caes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>caes</span></a> <a href="https://mastodon.green/tags/compressedair" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>compressedair</span></a> <a href="https://mastodon.green/tags/orphanwells" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>orphanwells</span></a> <a href="https://mastodon.green/tags/oilandgas" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>oilandgas</span></a> <a href="https://mastodon.green/tags/renewableenergy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>renewableenergy</span></a> <a href="https://mastodon.green/tags/windenergy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>windenergy</span></a> <a href="https://mastodon.green/tags/solarenergy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>solarenergy</span></a> <a href="https://mastodon.green/tags/grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grid</span></a> <a href="https://mastodon.green/tags/energytransition" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>energytransition</span></a> <a href="https://mastodon.green/tags/energyinfrastructure" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>energyinfrastructure</span></a> <a href="https://mastodon.green/tags/oilwells" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>oilwells</span></a> <a href="https://mastodon.green/tags/gaswells" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gaswells</span></a> <a href="https://mastodon.green/tags/abandonedwells" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abandonedwells</span></a></p>
Hacker News<p>Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries (20</p><p><a href="https://css-tricks.com/hexagons-and-beyond-flexible-responsive-grid-patterns-sans-media-queries/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">css-tricks.com/hexagons-and-be</span><span class="invisible">yond-flexible-responsive-grid-patterns-sans-media-queries/</span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/Hexagons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Hexagons</span></a> <a href="https://mastodon.social/tags/Responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Responsive</span></a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/Grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Grid</span></a> <a href="https://mastodon.social/tags/Patterns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Patterns</span></a> <a href="https://mastodon.social/tags/Flexibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Flexibility</span></a> <a href="https://mastodon.social/tags/MediaQueries" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MediaQueries</span></a></p>
pablolarah<p>🟠 Self Gap<br>by <span class="h-card" translate="no"><a href="https://front-end.social/@shadeed9" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>shadeed9</span></a></span> </p><p>Thinking of a way to have a custom gap between some flex or grid items.</p><p><a href="https://mastodon.social/tags/Gap" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Gap</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/flex" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>flex</span></a> <a href="https://mastodon.social/tags/grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grid</span></a> </p><p><a href="https://ishadeed.com/article/self-gap/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ishadeed.com/article/self-gap/</span><span class="invisible"></span></a></p>
Joseph Simons 🍁 🌱<p>Take action: a call for an an <a href="https://mstdn.ca/tags/East" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>East</span></a>-West <a href="https://mstdn.ca/tags/Power" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Power</span></a> <a href="https://mstdn.ca/tags/Grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Grid</span></a>. Let’s make sure that <span class="h-card" translate="no"><a href="https://bsky.brid.gy/r/https://bsky.app/profile/markcarneyforpm.bsky.social" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>markcarneyforpm.bsky.social</span></a></span>, our new Prime Minister, gets the message that Canadians expect bold action on affordability, climate, and energy independence in the face of US aggression. </p><p><a href="https://mstdn.ca/tags/canpoli" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>canpoli</span></a></p><p><a href="https://allofustogether.ca/peoples-power-line/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">allofustogether.ca/peoples-pow</span><span class="invisible">er-line/</span></a></p>
aBe<p>Another short <a href="https://genart.social/tags/grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grid</span></a> based <a href="https://genart.social/tags/Kotlin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kotlin</span></a> program</p><p><a href="https://genart.social/tags/OPENRNDR" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OPENRNDR</span></a> <a href="https://genart.social/tags/MadeWithCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MadeWithCode</span></a> <a href="https://genart.social/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CreativeCoding</span></a> <a href="https://genart.social/tags/abstract" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>abstract</span></a></p>
aBe<p>A short <a href="https://genart.social/tags/grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grid</span></a> based <a href="https://genart.social/tags/Kotlin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kotlin</span></a> program</p><p><a href="https://genart.social/tags/OPENRNDR" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OPENRNDR</span></a> <a href="https://genart.social/tags/MadeWithCode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>MadeWithCode</span></a> <a href="https://genart.social/tags/CreativeCoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CreativeCoding</span></a></p>
Europe Says<p><a href="https://www.europesays.com/1915367/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">europesays.com/1915367/</span><span class="invisible"></span></a> Aging Infrastructure Threatens the Future of European Energy <a href="https://pubeurope.com/tags/ClimateGoals" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ClimateGoals</span></a> <a href="https://pubeurope.com/tags/electricity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>electricity</span></a> <a href="https://pubeurope.com/tags/EnergyTransition" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EnergyTransition</span></a> <a href="https://pubeurope.com/tags/europe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>europe</span></a> <a href="https://pubeurope.com/tags/grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grid</span></a> <a href="https://pubeurope.com/tags/infrastructure" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>infrastructure</span></a> <a href="https://pubeurope.com/tags/investment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>investment</span></a> <a href="https://pubeurope.com/tags/modernization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modernization</span></a> <a href="https://pubeurope.com/tags/RenewableEnergy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>RenewableEnergy</span></a> <a href="https://pubeurope.com/tags/transmission" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>transmission</span></a></p>
VegansExploreLive feeds
About