<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
  <title>markblah.github.io</title>
  <subtitle>Browse aymeric&#39;s, an independent, searchable archive of readable snapshots from followed feeds, preserved in Git with aggr.</subtitle>
  <id>https://aggr.aymericbeaumet.com/sources/markblah.github.io/</id>
  <link rel="alternate" type="text/html" href="https://aggr.aymericbeaumet.com/sources/markblah.github.io/"/>
  <link rel="self" type="application/atom+xml" href="https://aggr.aymericbeaumet.com/sources/markblah.github.io/atom.xml"/>
  <updated>2026-11-05T04:54:10+00:00</updated>
  <author>
    <name>aymeric&#39;s</name>
  </author>
  <generator version="2.0.0" uri="https://github.com/aymericbeaumet/aggr">aggr</generator>
  <entry>
    <id>urn:aggr:item:68f98689e6bff4932bcf48c10683305d66a186ef</id>
    <title type="text">Lemmings CSS Animation</title>
    <link rel="alternate" type="text/html" href="https://aggr.aymericbeaumet.com/items/hnrss-org/2026-11-05-lemmings-css-animation/"/>
    <link rel="via" type="text/html" href="https://markblah.github.io/lemmings/"/>
    <published>2026-11-05T04:54:10+00:00</published>
    <updated>2026-11-05T04:54:10+00:00</updated>
    <author>
      <name>MarkBlah</name>
    </author>
    <category term="news"/>
    <source>
      <title>Hacker News: Front Page</title>
    </source>
    <summary type="text">Add walkers with the button below or __walker.add(). Drag one to carry it, flick it to throw it. Resize the window and walkers ride the surface they&#39;re standing on, so a fast resize launches them. Stairs Stairs too tall to climb Floating…</summary>
    <content type="html">&lt;p&gt;Add walkers with the button below or &lt;code&gt;__walker.add()&lt;/code&gt;. Drag one to carry it, flick it to throw it. Resize the window and walkers ride the surface they&#39;re standing on, so a fast resize launches them.&lt;/p&gt;
&lt;h2&gt;Stairs&lt;/h2&gt;
&lt;h2&gt;Stairs too tall to climb&lt;/h2&gt;
&lt;h2&gt;Floating platforms&lt;/h2&gt;
&lt;h2&gt;Pit&lt;/h2&gt;
&lt;h2&gt;Walls&lt;/h2&gt;
&lt;h2&gt;Cards&lt;/h2&gt;
&lt;p&gt;These wrap onto new rows as the window narrows, which shoves anyone standing on them.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Card one&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Borders are solid. Walk the top edge or get trapped inside.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Card two&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Buttons and form fields are solid too.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Card three&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Text is a floor you can land on but walk through.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Card four&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Throw a walker up here.&lt;/p&gt;
&lt;h2&gt;Cage&lt;/h2&gt;
&lt;h2&gt;Reading&lt;/h2&gt;
&lt;p&gt;Columns of text reflow a lot when the window changes size, so this is a good place to try a resize launch. Each line of text is its own floor. Walkers can drop from line to line, fall off the end of a short line, and land on whatever is below.&lt;/p&gt;
&lt;p&gt;Lines sit closer together than a walker is tall, so text never blocks them. Only borders, boxes, buttons, images and fields do. That keeps walkers from getting stuck between two lines of a paragraph.&lt;/p&gt;
&lt;p&gt;Near the bottom of the page there is one long floor to catch anything that falls all the way down.&lt;/p&gt;
</content>
  </entry>
</feed>
