Hacker News Reader

Cool, I tried to make a UI some time ago, with interlocked boxes that had depth [0], and it was a real hassle to get everything lined up properly with the borders. So much I didn't bother getting it done as it was only for a fun workshop. Could this be done with this css?

[0]: https://i.imgur.com/oA6Cslw.png

View on HN

wow that is remarkably similar to the ui I sketched out of an idea I had a couple years ago.

But yep, that would be fairly easy to do with augmented-ui. The only "tricks" would be the parts that extend out would just be layered ontop of the orange clip instead of being a child element. The orange clip wouldn't actually need to have a hole. Where there is a hole visible though, you can just draw a piece with the same color as the background so it looks like a hole.

Here you go: https://jsfiddle.net/3tx4ve59/

Really cool, thanks!

Reply on news.ycombinator.com