It's odd to call IE 11 "ancient". It was last updated 28 days ago.
It's more odd to defend IE 11 though.
:P
Calling ancient is a half-joke meant to purport that augmented-ui is from the future.
Show HN: Cyberpunk web design made easy, really easy
91–100 of 112 posts
Re: Show HN: Cyberpunk web design made easy, really easy
#92This is hilarious, and I love it. It makes me really, really nostalgic.
hahaha awesome I was making this "ad" for it over the weekend and got a pretty good laugh from it too. Especially at the "Wow!" text on the right haha: https://i.imgur.com/vbdEOXo.png
"Night City 2020"
I see you're a man of rare taste.
Re: Show HN: Cyberpunk web design made easy, really easy
#93Thank you!
Re: Show HN: Cyberpunk web design made easy, really easy
#94Earlier quoted context omitted.
Would it be better to use the css border-image property? If you don't want to use images I guess you could embed svg in it. That should give you around 98% of all browser users according to caniuse.
Border image property with svg was one of the first approaches I tried and tried. It got about half way to about half the options and required more setup than just a single CSS file. I got slightly further to what I wanted with border-mask, but still fell really far short. Some of the biggest limits on both of those is: 1) the size definitions is only 4 numbers so same-edge corners share a dimension (reasonable but v…
Thank you for all the insight. I'll be sure to keep clip-path in mind.
Re: Show HN: Cyberpunk web design made easy, really easy
#95Earlier quoted context omitted.
I'll work on it. The site was secondary to the project and I cut a lot of corners making it as fast as I could, putting all the real effort and focus in the project itself
Assuming the site was built with the library, then this seems like an issue pertaining to the project and not the website.
Logical Equivalence:
This photo album was made with construction paper and the hole here isn't big enough for the picture in it, so construction paper must be broken.
Re: Show HN: Cyberpunk web design made easy, really easy
#96Earlier quoted context omitted.
Ohh you give me too much credit. I'm not much of a designer. That's all the generic font-family: sans-serif; lol
Try this font: https://www.theleagueofmoveabletype.com/orbitron
Exo is another good option: https://fonts.google.com/specimen/Exo+2
Re: Show HN: Cyberpunk web design made easy, really easy
#97Does the augmented-ui property have to live inline on the html tag, itself? ... or is there are way to define the whole exe process within the CSS class without having to inline the augmented-ui property in the HTML?
Re: Show HN: Cyberpunk web design made easy, really easy
#98Does the augmented-ui property have to live inline on the html tag, itself? ... or is there are way to define the whole exe process within the CSS class without having to inline the augmented-ui property in the HTML?
It has to live on dom element.
BUT
I wrote a separate plugin that does exactly what you're thinking: https://github.com/propjockey/aug-attr-spliced.js
It allows you to specify
.mydiv { --augmented-ui: tl-clip exe; }
Re: Show HN: Cyberpunk web design made easy, really easy
#99Does the augmented-ui property have to live inline on the html tag, itself? ... or is there are way to define the whole exe process within the CSS class without having to inline the augmented-ui property in the HTML?
It has to live on dom element. BUT I wrote a separate plugin that does exactly what you're thinking: https://github.com/propjockey/aug-attr-spliced.js It allows you to specify .mydiv { --augmented-ui: tl-clip exe; } in the CSS file and it will automatically apply the dom element attribute to whatever matches the CSS selector. The plugin needs work and optimizing and is my current priority, but the basics are there an…
Oh, nice! ツ I'll check it out.
Re: Show HN: Cyberpunk web design made easy, really easy
#100Amazing, I've always loved the design but have been a little intimidated by how intricate it can be to implement, so this looks awesomely easy!!
Also, wondering; how does this use custom css properties without using javascript?