Conversation
Edited 2 months ago

okay so apparently the way that people make UIs in HTML is not to write all of the CSS by hand (which is a fucking nightmare!) but to use a UI “framework”

some of them look hideously overengineered (like MUI and Bootstrap) and require not just JavaScript but also React for some (hopefully good?) reason. but others are literally just CSS files that you include and they handle all of the fiddly bullshit involved in making a webpage be Actually Usable

so while I’m waiting for reddit to decide if I’m allowed to host my website, I’m thinking of switching to one of those which will hopefully make it much easier to add new UI stuff to #GAGSProject. the downside is that it’s going to make GAGS look like it was made by fucking techbros, (look at this website and tell me it doesn’t make you feel instantly uncomfortable) so I’m going to have to see if I can tolerate that before I fully commit to using one of these 😅

3
0
6

@desea thank you! yeah I’m hoping that there’s some way to configure how it looks - especially the colorscheme. there are CSS variables now so there might be a way to set those to change the colors

1
0
3

@kasdeya @desea yeah, you can overwrite any variables from bulma at :root and it will take effect through the whole library

https://bulma.io/documentation/customize/with-css-variables/

1
0
1

@kasdeya I am very much an amateur with webdev stuff but I've used Bulma before and it was pretty easy to get started with it.

At the risk of causing decision paralysis, there's an Awesome CSS Frameworks repo that has a bunch of options to choose from if you want a different general look than what Bulma offers.

That said, most CSS frameworks tend to look like either Bootstrap or Material Design these days.

1
0
1

@emberquill thank you! that’s really good to know about Bulma tbh. and I’ve been looking through that awesome-css-frameworks repo and I wish they would distinguish which ones use JS and which ones are pure CSS. but otherwise this is really really helpful

0
0
0

@rowan @desea oohh that’s really good to know - and I’m so glad that I don’t need Sass in order to do that either (parts of the docs made it sound like I did)

0
0
0

@desea I might take you up on that! at the moment the UI is good enough so I think I’m going to leave it as it is, but in the future if I need to change anything about the UI I might just decide to rebuild it all from scratch with Bulma or something ngl - in which case it would be great to have some websites to use as inspiration

0
0
1

@kasdeya I mean, the absolute pile of casinos in their sponsor list is concerning on its own. Pity milligram.io hasn't been touched in 5 years...

0
0
1

@kasdeya we are one of the folks who write our CSS by hand, partly because we don't like the experience of having to learn each framework, and partly because we just find it faster to do ourselves

1
0
1

@tempest oh wow that is so impressive to me tbh. I’ve heard someone describe HTML/CSS as “the assembly code of UI design” and I think I can really see what they mean lol. y’all must know those two languages so well at this point to be able to use them without any kind of UI framework

0
0
1