Lightnews — Scholar-powered news

Soren

@sorenblank.com

38 followers 95 following 39 posts

swe frontend // prev @spicenetio @entechboiler

Posts Media Videos Starter Packs

Pinned

Soren @sorenblank.com · Oct 29

Table of contents below 🧵:

Soren @sorenblank.com · 7h

you can try it from here -> sorenblank.com/snippets/sid...

Sidebar Hover Reveal — Snippet — Soren Blank

A responsive collapsible sidebar with hover-reveal functionality, inspired by V0's UI. Features smooth transitions and modern CSS with Tailwind.

sorenblank.com

Soren @sorenblank.com · 1d

yes. exactly. i could have made it fully using only html css without including js. but i didn't feel like it.

you can try it out from here: sorenblank.com/snippets/sid...

Sidebar Hover Reveal — Snippet — Soren Blank

A responsive collapsible sidebar with hover-reveal functionality, inspired by V0's UI. Features smooth transitions and modern CSS with Tailwind.

sorenblank.com

1 1

Soren @sorenblank.com · 1d

the sidebar icon now matches the state or the state it will go to :33 css is nice ngl.

1 1

Soren @sorenblank.com · 1d

i should have been more explicit. really sorry about that. im using useState for saving the true false state of sidebar.

1 1

Soren @sorenblank.com · 1d

i am using tailwind XD yess.

Soren @sorenblank.com · 5d

so much you can do in css using pseudo classes. used `:has` pseudo class to make the full hover animation here.

for hover state im doing `:has(*:is(.sidebar-icon-trigger:hover`

made only using css. no js listener used. took me longer than i thought it would.