Client-side router entirely in CSS

HOW

@PrivateGER links are links so everything is native and semantic.

:target

@uyouthe ಠ_ಠ

@uyouthe I don't get it.

@mr-user shrug

@uyouthe

I was expecting more explanation but shrug work just fine :)

@mr-user You know the part of URL after "#"? Just having link with "href=#page1" and element with "id=page1" will make the tiny router. You simply put styles under "#page1:target" selector and magic happens. IIRC it's used much on forums where you generate a link to the comment with hash part, you get automatically scrolled to it and it's highlighted, because ":target" applies.

Aka retro SPA

.

Who else and why tf

HTML + CSS is technically Turing complete; you can build anything with it if you’re really willing (and have a ready source of repeated input). So... sure? 🤷🏻‍♀️

Fucking purgatory

Weren't there frameworks that already did that?

@cprn you don’t need a framework for this

@uyouthe Yeah, I know, I'm just saying it's nothing new. I'm pretty sure someone told me about a framework that generates SPA pages with such shenanigans few years back.

It seems more like a quote from Alice's Adventures in Wonderland.

It is one of the simples routers to implement actually. Not too a11y friendly, but works great across browsers. Use :target to display the selected tab/page/section. I wrote something about it a ways back: https://dev.to/hakash/...