css grid

Morten Rand-Hendriksen's WordCamp Europe 2017 talk presents CSS Grid Layout as a native two-dimensional layout system that changes how web pages are structured, including responsive layouts independent of source order. It was given as browsers began shipping support.

Morten Rand-Hendriksen argues that CSS Grid changes web layout, showing how to place content in cells independent of HTML source order and reshape layouts with media queries. It makes the case for using Grid now that browsers support it.

Jen Simmons explains the difference between CSS Flexbox and CSS Grid, and when to use each. She makes the case that Grid does not replace Flexbox and most sites use both.

Practical Engineering's explanation of the February 2021 Texas winter storm and the resulting power grid outage. It lays out the facts about ERCOT, the grid's isolation, and how generation across fuel types failed in the cold.

Practical Engineering explains why connecting solar and other inverter-based generation to the grid is hard. It covers grid stability, load balancing and the behind-the-scenes engineering challenges of renewables.

John Oliver's Last Week Tonight segment on the state of the US power grid, why it needs fixing, and the risks of aging infrastructure.

Practical Engineering explains what a black start is: restarting a power grid after total collapse. It shows why most plants need outside power to start and why rebuilding a synchronized grid is delicate and high-stakes.

Zack Freedman introduces Gridfinity, his free, open-source modular workshop storage system of 3D-printable bins and baseplates. The video walks through the design, the parametric templates and the many module types that fit parts, tools and accessories.

A clip from the BBC series Britain from Above showing UK peak power demand. It shows a grid engineer preparing for the surge as millions put the kettle on when a popular show ends.

MIT's Donald Sadoway presents the liquid metal battery as a design for grid-scale stationary electricity storage, at an Imperial College London event in 2018. He covers the grid benefits of massive-scale storage.

Andy Bell's 2022 talk on hinting the browser rather than micromanaging it, using progressive enhancement, CSS layout, fluid type and space, and modern CSS to build resilient front-ends.

An excerpt from a Bay Area Rust meetup on Servo's WebRender, which renders CSS display lists on the GPU at very high frame rates. It explains the approach and demos rendering at around 500 FPS.

Chris Boden shows how an operator starts a large hydroelectric turbine generator and manually synchronizes it to the grid using a needle phase meter.

Totally Gridbag is a short humorous animation about the frustrations of Java Swing's GridBagLayout, originally made as a Flash cartoon.

A short Vox explainer on the duck curve, the shape electricity demand takes in California as solar output grows. It explains why grid operators struggle to balance supply and demand with lots of solar.

A demo excerpt from a 2016 Bay Area Rust meetup showing Servo's WebRender drawing CSS on the GPU at very high frame rates. It presents the promise of GPU-based browser rendering.

Footage of the 2007 Aurora test, in which a cyberattack was used to destroy a large generator at a test facility in Idaho.

Justice Antonin Scalia's opening statement at a 2011 Senate Judiciary hearing on the role of judges. He argues that the Constitution's separation of powers is what protects liberty, and that gridlock is by design.

Matthew Griffith, creator of elm-ui, presents a toolkit for designing layouts in Elm as an alternative to CSS. He explains the opinionated approach to layout and styling.

MIT professor Donald Sadoway argues that grid-scale storage is the missing piece for renewable energy. He sketches at the blackboard how large, cheap liquid-metal batteries could store wind and solar power.

Technology Connections explains how a home can act as a thermal battery by pre-cooling or pre-heating when electricity is cheap or abundant. He shows how this shifts load off-peak and eases strain on the grid.

Uber Engineering's Joseph Gilley explains why Uber uses hexagons for geospatial indexing and introduces H3, its open source hierarchical grid system. He covers use cases and how distortion is handled.

A Just Have a Think video on the proposed 16 billion pound Xlinks project to build solar, wind and battery capacity in southern Morocco. It would send around 3.6GW to the UK by subsea HVDC cable as near-baseload power.

Practical Engineering explains pumped storage hydropower, which makes up most grid-scale electricity storage. It covers how it works and why it fits only certain geographies.

A short Ericsson film demoing Erlang, showing concurrent processes, debugging tools, and hot code reloading, including crashing parts of a running system while calls continue.

Tracy Young, a former construction engineer and cofounder of PlanGrid, speaks at the 2015 Y Combinator Female Founders Conference. She talks about building software for construction superintendents and about customer success.

Paul Irish and Pavel Feldman present the newest Chrome Dev Tools features at Google I/O 2011, including live CSS editing, saving changes, breakpoints and network analysis. It also covers remote debugging.

Kirsten Dirksen profiles Steve Rees, who buried two shipping containers to build an earth-cooled, off-grid 640 sq ft home in Northern California for about $30,000, solar included.

A five-minute video showing how to build a counter in the Imba web programming language in under a minute, then style it.

Paul Irish's Chrome Dev Summit 2016 talk surveys the state of the art in Chrome DevTools debugging. It covers workspaces, diffs, CSS coverage, Node debugging, editor improvements and Lighthouse.

Tom Scott explains Electrical Network Frequency analysis, where hum from the power grid in a recording is matched against grid logs to date and place it. He talks to a researcher and sets them a challenge.

A short Insider Tech look at Ocado's grocery warehouse where thousands of robots on a grid pack orders, communicating over 4G to avoid collisions. It handles around 65,000 orders a week.

Tom Scott visits Dinorwig Power Station in Wales, a pumped-storage hydro plant often called Britain's largest battery. He explains how it works and how its role has shifted from TV pickup spikes to balancing wind and solar.

Engineering Explained works through whether electric cars are really worse for the environment than gasoline cars. It covers battery production emissions, the electricity mix used to charge, and how long an EV takes to break even on lifetime emissions.

The first episode of James Burke's Connections series, 'The Trigger Effect', explores how modern society depends on interlinked technological systems and how quickly it breaks down when they fail, starting with a power blackout.

Real Engineering looks at the numbers for running California on renewables, focusing on the large energy storage needed. It argues about the cost of batteries and the role of other sources.

Kirsten Dirksen tours new Earthships, homes built from tires, bottles and cans that generate their own energy, collect water and grow food. The video covers the newer, cheaper Encounter model and its passive systems.

Jack Moffitt presents Servo, an experimental browser engine written in Rust and designed to be parallel at every level, using multiple cores, the GPU, fork-join concurrency and SIMD. The talk covers motivations, architecture and plans for the project.

A Thunderf00t video debunking Energy Vault, a gravity-based energy storage scheme that stacks concrete blocks with cranes. He argues it is impractical and compares it to pseudoscience.

Adam Something argues in four minutes that gravity batteries like Energy Vault, which lift concrete blocks with cranes, are a poor energy storage idea. He draws on a longer Thunderf00t debunk.