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

Bulma CSS Framework

bulma.io

Post reply on HN
Print view View original

51–57 of 57 posts

Re: Bulma CSS Framework

#51

Post by thiht »

chenster wrote: post #37

Probably gonna get some hate here. Really, another CSS framework? People, can we make our minds and stay on one and perfect it instead keep chasing the next 'better' alternatives?

Bulma is like 10 years old at this point, it’s been around forever.

You’re wrong because there’s no one size fits all: some prefer the design of Bulma, some prefer Bootstrap, some prefer Chakra…

The advantage of these frameworks is they come with a ready to use theme, which is why there are so many, not everyone likes the same thing. The disadvantage of these frameworks is that they’re often difficult to customize which is why headless frameworks like Radix and abstractions like Tailwind are taking over (but they will never replace the former framework because sometimes you want to use a pre-made design).

Re: Bulma CSS Framework

#52

Post by albert_e »

bradgessler wrote: post #15
0x073 wrote: post #13

Earlier quoted context omitted.

That's madness. "instead of writing 100 class names" "use semantic class names" What a loop.

In practice DaisyUI makes it easy for people who use Tailwind to quickly build prototype UIs. Later they can go back and replace the DaisyUI classes with Tailwind. In less words, if you can’t stand Tailwind then DaisyUI is not for you.

Is this really the main use case?

The product website seems to suggest we can add DaisyUI to a React project -- and proceed with development with no additional notes on replacing the styles later before production

[1] https://react.daisyui.com/?path=/story/data-display-table--w...

[2] https://daisyui.com/resources/videos/react-ui-design-mastery...

[3] https://github.com/daisyui/react-daisyui

Re: Bulma CSS Framework

#53

Post by pier25 »

csomar wrote: post #27
pier25 wrote: post #26

Earlier quoted context omitted.

How is this a good thing? You now need the extra JS from that component to encapsulate the HTML with TW classes. Plus all the overhead from TW itself. You need a ton of classes to essentially replicate inline styles. Plus all the CPU needed to parse and execute all that extra JS and CSS code. I get that some people prefer this workflow and that's fine, everyone has preferences. But arguing this is better than sending…

> You need a ton of classes to essentially replicate inline styles. This works better for optimization because you reuse classes. End developer doesn't care. Designers use Storybook to keep track of the components. > But arguing this is better than sending an HTML tag with a couple of classes is absurd. If you compile/SSR your React, the end user will get an HTML tag with classes.

With Bulma/Bootstrap you're also reusing classes but you just need a fracion of those compared to TW. I don't know the ratio but I would imagine it's something like 1:10.

And when using TW with SSR you're still sending all those extra classes per element.

Re: Bulma CSS Framework

#54

Post by afavour »

tylerchilds wrote: post #50
afavour wrote: post #19

Earlier quoted context omitted.

Usually it’s because the company uses the software in question and wants to ensure it sticks around. In this instance it feels a little weird. No good reason why a CSS framework would be particularly suited for gambling site operations, you may be right that it’s an SEO play.

the answer is performance css is the most performant way to create interactive experiences if gaming (gambling in this genre) sponsored react, their customers would use a more performant poker app. react can barely handle being reddit.

Highly unlikely. HTTP latency is going to matter 1000x more than React. If anything you'd expect to see them sponsoring WebSocket libraries or something.

Re: Bulma CSS Framework

#55

Post by tylerchilds »

afavour wrote: post #54
tylerchilds wrote: post #50

Earlier quoted context omitted.

the answer is performance css is the most performant way to create interactive experiences if gaming (gambling in this genre) sponsored react, their customers would use a more performant poker app. react can barely handle being reddit.

Highly unlikely. HTTP latency is going to matter 1000x more than React. If anything you'd expect to see them sponsoring WebSocket libraries or something.

i’m talking layout, paint, composite

you’re talking network

javascript, which i write every day and love, fundamentally can do what i’m talking about through shaders in webgl or webgpu but people generally reach for react, which is the performance bottleneck in the rendering loop i’m describing because javascript is fundamentally inefficient at graphics and why the technologies i’m referencing were implemented with javascript bindings in the first place.

i agree the network is important, but it is generally the last bit in a call stack for any given user interaction.

Re: Bulma CSS Framework

#56

Post by xaerise »

creata wrote: post #9
justmedep wrote: post #2

About 50% of their sponsors are gambling websites. So sad.

Do they sponsor just for the SEO (getting your website mentioned on a frequently-visited website) or is there more to it?

Most common are that multiple gambling sites are own by one company. So if the company sponsors, you can put multiple brands on (and for SEO purposes).

Re: Bulma CSS Framework

#57

Post by afavour »

tylerchilds wrote: post #55
afavour wrote: post #54

Earlier quoted context omitted.

Highly unlikely. HTTP latency is going to matter 1000x more than React. If anything you'd expect to see them sponsoring WebSocket libraries or something.

i’m talking layout, paint, composite you’re talking network javascript, which i write every day and love, fundamentally can do what i’m talking about through shaders in webgl or webgpu but people generally reach for react, which is the performance bottleneck in the rendering loop i’m describing because javascript is fundamentally inefficient at graphics and why the technologies i’m referencing were implemented with j…

> i’m talking layout, paint, composite

> you’re talking network

I'm talking overall page performance. A gambling site using React vs not is going to have an absolutely tiny impact compared to network latency. They're sponsoring this framework as an SEO play.

Post reply on HN