Post #1284037

2026-04-17 14:00 UTC

🌱 Rolled out a tiny update to my &quot;Link&quot; post template. I used to do `h1 &gt; a[href]` (like Tumblr or DaringFireball) but now I&#39;m copying @ashur&#39;s novel treatment of making blog post replies look like social media replies. I like it a lot. Feels very natural. The placement may change, maybe it makes more sense below the title and in the post body (for RSS). But it&#39;s been years since I&#39;ve done a proper link post, and now this makes me want to to again.

Replies (3)

@matthiasott@mastodon.social 2026-04-17 14:56

@davatron5000@mastodon.social @ashur@front-end.social oh that’s nice!

Open ##2527992
@cwilcox808@c.im 2026-04-17 17:58

@davatron5000@mastodon.social Suggestion: put the first within the , the `div.meta-link` second, and use CSS to visually reorder them. Headings denote the beginning of a section of content, the link belongs to that section, therefore, it should be after the heading in the reading order (I think it's okay for the link to come first in the visual order because the visual design makes the association clear). As a more practical matter, non-sighted users who navigate by heading will miss the link if doesn't come after the heading in the reading order. In this example, the same link is repeated in the first paragraph so missing the "meta" one wouldn't really be a problem but in designing a post template, you probably can't assume that will always be the case. https://daverupert.com/2016/09/super-mario-64-1996-developer-interviews/ @ashur@front-end.social

Open ##2527993
@caleb@pub.calebhearth.com 2026-04-18 14:49

@davatron5000@mastodon.social @ashur@front-end.social there’s a nice microformat for that too. h-entry for your post containing a h-cite > u-in-reply-to. I might steal this I don’t love my markup now, but also I rarely have much to write in the responses so I also want a more minimal version that is basically just a u-like-of

Open ##2527994