Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Cyberpunk web design made easy, really easy

augmented-ui.com

Post reply on HN
Print view View original

21–30 of 112 posts

Re: Show HN: Cyberpunk web design made easy, really easy

#21

Post by yakshaving_jgt »

James0x57 wrote: post #19
ehnto wrote: post #16

Did the Deus Ex series influence your design choices? I remember after playing Human Revolution, I was doing graphic design for a fitness supplement company, and I went on a sort of dystopian/tech UI tangent that fit really well with the product line. It was fun. That text effect is super cool, as is the whole project, nice work!

I started trying to figure out different ways to do this because I was watching a 12 hour playthrough of Deus Ex Human Revolution on youtube. Took about 5 days until I realized I could do everything I wanted with clip-path. Really hope we get a sequel to Mankind Divided some August, too many loose ends! Thank you! :D

I really hope we get a sequel to Deus Ex some day.

Re: Show HN: Cyberpunk web design made easy, really easy

#22

Post by vanderZwan »

James0x57 wrote: post #2

Normally making designs like this on the web is really tedious and a bit challenging. You'd have to do things like add a new element to the dom, rotate it 45deg, position it perfectly, draw just one border and make the background match what's outside the box to cover up the square border underneath the main element. (and that's just one corner of one element) For example: https://i.imgur.com/yY66cdv.png and https://i…

This probably deserves to be added to awesome-quirks, especially since it's pure CSS :)

https://github.com/dsalaj/awesome-quirks/

Re: Show HN: Cyberpunk web design made easy, really easy

#27

Post by ehnto »

James0x57 wrote: post #19
ehnto wrote: post #16

Did the Deus Ex series influence your design choices? I remember after playing Human Revolution, I was doing graphic design for a fitness supplement company, and I went on a sort of dystopian/tech UI tangent that fit really well with the product line. It was fun. That text effect is super cool, as is the whole project, nice work!

I started trying to figure out different ways to do this because I was watching a 12 hour playthrough of Deus Ex Human Revolution on youtube. Took about 5 days until I realized I could do everything I wanted with clip-path. Really hope we get a sequel to Mankind Divided some August, too many loose ends! Thank you! :D

Me too, the story was building so well and the pieces of the puzzle were being placed down. Then they threw half the pieces away and the game ended! I have read there might be a sequel after their current project, I am hopeful.

Re: Show HN: Cyberpunk web design made easy, really easy

#28

Post by t0astbread »

James0x57 wrote: post #2

Normally making designs like this on the web is really tedious and a bit challenging. You'd have to do things like add a new element to the dom, rotate it 45deg, position it perfectly, draw just one border and make the background match what's outside the box to cover up the square border underneath the main element. (and that's just one corner of one element) For example: https://i.imgur.com/yY66cdv.png and https://i…

I had to implement something like this during an internship last year and I can confirm that it's a pain. I wish I had augmented back then!

Re: Show HN: Cyberpunk web design made easy, really easy

#29

Post by scoobyyabbadoo »

James0x57 wrote: post #13
scoobyyabbadoo wrote: post #9

Earlier quoted context omitted.

This is really cool! I am actually more of a backend engineer though, and I use dashboard templates like you would find with bootstrap and then just tweak the template a bit to accept data from my backend. Are there any dashboards/consoles/portals/anything templates written with this augmented-ui that someone could just take and tweak what data populates it?

That's a really good opportunity for quality designers (not me lol). It's only been 10 days since v1.0.0 released so I'm sure nobody's done that yet. But yeah, great idea, it could make them some money, hope it happens!

I'd definitely kick in money for this on KickStarter or whatever the appropriate platform for this is.

Re: Show HN: Cyberpunk web design made easy, really easy

#30

Post by maaaats »

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

Post reply on HN