TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Bulma – Flexbox CSS framework

162 pointsby anwalmost 7 years ago

21 comments

mcbetzalmost 7 years ago
If you are looking for light-weight (no Jquery) and flexible alternatives to Bootstrap, you might also like utility toolkit (combine classes for flexible design systems) like Tachyon (<a href="http:&#x2F;&#x2F;tachyons.io&#x2F;" rel="nofollow">http:&#x2F;&#x2F;tachyons.io&#x2F;</a>) or TailwindCSS (<a href="https:&#x2F;&#x2F;tailwindcss.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;tailwindcss.com&#x2F;</a>). These toolkits have sped up my webdev while make me feel like really controlling what I do (Bootstrap always felt like working against the system when customizing stuff)
评论 #17741400 未加载
评论 #17741243 未加载
评论 #17741321 未加载
评论 #17742339 未加载
kobollalmost 7 years ago
Bulma is great. But it occupies an awkward position sandwiched between Bootstrap and CSS grid.<p>If you only need to support modern browsers, grid is the most attractive and powerful option. And if you need to support old IE, you probably need a pre-flexbox solution. So the use case for Bulma is a bit limited these days. Or at least that&#x27;s the conclusion I reached when pondering using it.
评论 #17741305 未加载
评论 #17741228 未加载
评论 #17741055 未加载
评论 #17741158 未加载
liquidisealmost 7 years ago
251 instances of `!important`. This feels like strong opinionation to me. When you need to start customizing this framework, there will be some hoops to jump through in order to maintain upgrade-ability of the underlying file itself.
louismerlinalmost 7 years ago
I use Bulma for almost all of my web projects :) Great syntax, great style.<p>But why post it on Hacker News ? There does not seem to be an update ?
评论 #17740803 未加载
eric_khunalmost 7 years ago
Just started a landing page for a side project today with bulma: <a href="https:&#x2F;&#x2F;nodablock.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;nodablock.com&#x2F;</a><p>I&#x27;m not a frontend&#x2F;design guy at all, and remember CSS as something really troublesome just to center things... With bulma, I didn&#x27;t touch a line of css, and had something responsive without thinking much! I&#x27;m really satisfied with the results and the time spent to do it (about 2 hours). What&#x27;s also great is that it helps keep the design consistent. Hopefully it will stay as good with the main dashboard I&#x27;m building. It definitely gave a boost to my ego, and makes me even more excited about pursuing the project!<p>Any feedbacks on how to improve that?
评论 #17741450 未加载
aldoushuxley001almost 7 years ago
I just moved from Bootstrap to Bulma. Initially just because I didn&#x27;t want to use jquery anymore and I like that Bulma is only CSS.<p>Having made the switch though, I couldn&#x27;t be happier. Everything just feels so much easier with Bulma. And Bulma&#x27;s use of flexbox makes horizontal alignment &amp; vertical centering ridiculously easy.<p>Highly recommend trying it out. Can be learned in minutes effectively.
评论 #17740873 未加载
adventuredalmost 7 years ago
I ended up almost entirely skipping over Flexbox in favor of Grid. I understand a lot of developers transitioned through Flexbox and or still primarily use it, however I&#x27;m curious where a Flexbox framework fits into the future given the rapid adoption of Grid that is occuring. It seems clear that Grid is going to overwhelm Flexbox adoption and make it entirely pointless. Why would someone choose to adopt Bulma now?
评论 #17740998 未加载
评论 #17740866 未加载
评论 #17740859 未加载
评论 #17740867 未加载
评论 #17744722 未加载
girishsoalmost 7 years ago
Bulma is my go to css framework these days, after semantic ui and bootstrap before that, mainly because no jquery&#x2F;js dependence.
aphextronalmost 7 years ago
The whole point of CSS grid was that we <i>wouldn’t</i> need frameworks anymore.
评论 #17741258 未加载
swalshalmost 7 years ago
+1 testimonial for bulma here. I use it for everything. I love how simple it is.
strzibnyalmost 7 years ago
I am just trying it out for my side project (<a href="https:&#x2F;&#x2F;www.gettandem.com" rel="nofollow">https:&#x2F;&#x2F;www.gettandem.com</a>) and liking it so far, however the time will tell... (it&#x27;s WIP so nothing is polished).<p>I was considering either no framework (as before), Tachyons and Bulma. After quick demo of moving one page to Bulma I liked it enough to give it a go.<p>To the argument of CSS grid vs flexbox, as others already mentioned, it&#x27;s kind of implementation detail from the user point of view.
评论 #17743337 未加载
fiboalmost 7 years ago
Bulma is really nive, I am creating a React component library wrapping it <a href="http:&#x2F;&#x2F;g14n.info&#x2F;trunx" rel="nofollow">http:&#x2F;&#x2F;g14n.info&#x2F;trunx</a>
Bonobosandsandalmost 7 years ago
After painfully looking for a grid system for a while, we decided to ditch bootstrap and the idea of a using a css-library and to simply use styled-components, some defined breakpoint strings and flexbox and couldn&#x27;t be happier.
s3nnyyalmost 7 years ago
We built <a href="https:&#x2F;&#x2F;jobs.coderfit.com" rel="nofollow">https:&#x2F;&#x2F;jobs.coderfit.com</a> using it and are really happy about the usability especially for not so &quot;frontend-talented&quot; developers.
ggcdnalmost 7 years ago
I really dislike how Bulma doesn&#x27;t style html elements by default, instead requiring things like<p>&lt;input class=&quot;input&quot; ....&#x2F;&gt;<p>Why not just target input elements with some sensible default styling?
评论 #17743339 未加载
sweetpalmost 7 years ago
I used it to throw together a product page pretty quickly (<a href="https:&#x2F;&#x2F;minim.li" rel="nofollow">https:&#x2F;&#x2F;minim.li</a>)
ryanpetrichalmost 7 years ago
Background music is much too loud in the introductory video. Makes it difficult to hear the presenter.
评论 #17740964 未加载
duckqlzalmost 7 years ago
From Dragonball:<p>Bulma (n): a phonetic misspelling of &quot;bloomers,&quot; i.e., girls&#x27; underwear
mgalkaalmost 7 years ago
Really nice to have the flexbox grid and vertical centering
ronaldl93almost 7 years ago
Bulma is awesome &lt;3
Exumaalmost 7 years ago
That&#x27;s cool