General Discussion > Web Programming and Design
Stupid CSS
Deep Toaster:
Just wanted to show off a horrifying project I've been working on for fun:
https://fishbotwilleatyou.com/css/
I'm still working on the last two demos and making it more responsive for tall-screen/mobile users, but you get the idea—it's a collection of really stupid things that are technically possible in nothing but HTML and CSS.
Demos that exist:
* Double-click handler
* File browser
* Modal dialog
* An arcade reaction gameDemos that I'm working on:
* A text adventure game
* A clock of some sort
Xeda112358:
That is really freaking cool :0
Eeems:
Small bug with the file browser. You can open and then immediately close it by double-clicking on the button. It looks like input isn't properly being masked when it's open.
I'd be interested to compare power consumption of those demos implemented in JavaScript. Did you write them directly in CSS or are you using something like SASS?
Deep Toaster:
--- Quote from: Eeems on September 28, 2020, 05:31:11 pm ---Small bug with the file browser. You can open and then immediately close it by double-clicking on the button. It looks like input isn't properly being masked when it's open.
--- End quote ---
What's being opened and closed? If you're opening a first child directory (in the middle section), you might be hitting the .. that shows up right after.
--- Quote from: Eeems on September 28, 2020, 05:31:11 pm ---I'd be interested to compare power consumption of those demos implemented in JavaScript.
--- End quote ---
Someone else also suggested doing that. It'd definitely be interesting to see but I'm lazy :( I'd bet it's a lot lighter than an equivalent React app.
--- Quote from: Eeems on September 28, 2020, 05:31:11 pm ---Did you write them directly in CSS or are you using something like SASS?
--- End quote ---
Directly in CSS :)
Eeems:
--- Quote from: Deep Toaster on September 28, 2020, 05:36:29 pm ---
--- Quote from: Eeems on September 28, 2020, 05:31:11 pm ---Small bug with the file browser. You can open and then immediately close it by double-clicking on the button. It looks like input isn't properly being masked when it's open.
--- End quote ---
What's being opened and closed? If you're opening a first child directory (in the middle section), you might be hitting the .. that shows up right after.
--- End quote ---
Whoops, meant to say dialog not browser. Upon further review, it looks like the bug actually is that if you click and drag the dialog wont close even though the click starts and ends in an area that should close the dialog.
--- Quote from: Deep Toaster on September 28, 2020, 05:36:29 pm ---
--- Quote from: Eeems on September 28, 2020, 05:31:11 pm ---I'd be interested to compare power consumption of those demos implemented in JavaScript.
--- End quote ---
Someone else also suggested doing that. It'd definitely be interesting to see but I'm lazy :( I'd bet it's a lot lighter than an equivalent React app.
--- End quote ---
I would suggest comparing against a native JavaScript and a React app if you do compare.
--- Quote from: Deep Toaster on September 28, 2020, 05:36:29 pm ---
--- Quote from: Eeems on September 28, 2020, 05:31:11 pm ---Did you write them directly in CSS or are you using something like SASS?
--- End quote ---
Directly in CSS :)
--- End quote ---
Oof :(
Navigation
[0] Message Index
[#] Next page
Go to full version