Online learning & education website project in progress. Added course listing page. Need a Frontend developer partner? 👉🏻 Link in the comments.

Some days you flow with the current and everything just works. Other days are an absolute shit show. It's like the day knows which kind it is before you do. Same code, same coffee, same me, completely different outcome.

Choose JS declarations by reassignment: • const when not reassigned • let when reassignment is needed • Avoid var in new code • Use descriptive names

magnetic bento hover effect w/ css anchor positioning .bento { li:hover article { anchor-name: --a; } .indicator { position-anchor: --a; inset: anchor(inside); transition: inset var(--dur) var(--ease); } }

23. :placeholder-shown This pseudo-class lets you style an input differently when its placeholder text is visible. Here, the label moves up when the user starts typing and the placeholder is no longer visible. This is a simple way to create floating label inputs using only CSS

👀 Great new JS feature Can be used for sliding window algorithms, such as a moving average Should also work on infinite streams, computing the moving average lazily

I built this management interface which demonstrates the kind of experience your users expect from modern software: smooth interactions, intuitive navigation, clear prioritization, & responsive performance. Built with Next.js, React, HTML, and CSS. Inspired from @tyka_dominik