~frontendfocus | Bookmarks (4)

CSS Neural Network (Number Detection) — This is kinda wild, and it feels like magic (but really it's just math!™). You 'draw' in a number and the output updates with its best guess (▶️ Quick video demo). It didn’t work in Safari for me, but seems ok elsewhere. (The true 'magic' here is in the use of SCSS to create a lot of boilerplate –...

Wooden Toggles — I’m sharing this HTML and CSS CodePen demo just for the skeuomorphic memories it evokes of the texture, depth and ‘rich Corinthian leather’ found in the early days of iOS.

The Top Pens of 2023 on CodePen — An always enjoyable round-up of the year in CodePen demos. There’s bound to be something here you find interesting or novel — and there’s always takeaways to be had in terms of how things have been approached too. 100 demos in total, including lovely WebGL flowers, a CSS 3D maze, and a glowing shadow effect.

Direction-Aware Mickey Mouse — Everyone’s been talking about the copyright status of Steamboat Willie lately, so here’s Mickey following your pointer and keeping an eye on things…