8 ms·
Blaze CSS – Open Source Modular CSS Framework
- alien3d 10y agoQuite nice.maybe will be used it for future replacing twitter bootstrap.
- grumpywizards 10y agoAny feedback you can give would be appreciated ;)
- jbverschoor 10y agoResizing feels very snappy!
- melicerte 10y agoReally nice. The only thing that would prevent me to give it a real go to is that it is a one man project not backed by any company...
- jazoom 10y agoValid concern. I'll do my bit to reverse the downvotes.
- jdmichal 10y agoIs being a one-person gig really a valid concern for open-source? What's the worst case? That the bus factor kicks in and someone has to fork it to continue the work? That's not such a terrible outcome. Certainly better than, say, when Google decides to wind-down a closed-source project.
- jazoom 10y agoYes. There are thousands of 1-man projects that have been abandoned. People here quoting the examples where something starts as a 1-man project and is now super popular just illustrates the wisdom in waiting to see which few of the many actually catch on. What's the benefit? The benefit is that you aren't left as the 1-man crew maintaining the project after the other 1-man gives up. Would I use a 1-man backed CSS framework? Probably. But that doesn't mean melicerte is wrong.
- nrjames 10y agoWell, that's sort of how d3.js grew.
- talmand 10y agoWhy does that matter? There have been major projects backed by a company that have gone away. There have been major projects backed by one person that have been around for years.
- pc86 10y agoIsn't one of the main tenants of OSS that it can organically grow beyond a single person without the need for company backing?
- NKCSS 10y agoVue is an example of a one-man project lots of people build on; it can be done and be done well :)
- azurvii 10y agoWasn't Linux originally a one man job as well?
- jazoom 10y agoWould you use a 1-man-developed OS on your servers? Linux is no-longer a 1-man show.
- fweespeech 10y ago> Really nice. The only thing that would prevent me to give it a real go to is that it is a one man project not backed by any company... I understand this position for large, dense frameworks (i.e. Rails, Zend, Spring) that you are basing your entire codebase on. Heck, I can even see an argument with Javascript (largely due to Node, React, etc. having a substantial impact you design around). This is CSS. Pretty much any front end developer can maintain a CSS framework that was dropped by its creator if push came to shove.
- pyre 10y agoWell... Angular Material is a multi-person project that is (seemingly) backed by Google, but they are abandoning 1.x release (1.0 was just released last October) to make the 2.x release Angular 2.x-only even though Angular 2.x isn't really ready for prime time (at least in my opinion). They also made promises last fall about how it would be "supported for a long time to come." So, let's say that more people and a company don't necessarily equate to better, longer-lasting support.
- grumpywizards 10y agoFrom my experience this is a non-issue in the OSS environment, you got to pick your frameworks based on other criteria; popularity, fit for purpose, community engagement, learning curve to maintain yourself etc. All of which has nothing to do with company or individual ownership. Blaze benefits from an MIT licence so it's totally accessible
- Kiro 10y agoI love the opt-in part. I really like building stuff in Bootstrap but I loathe the fact that it changes a lot of stuff implicitly, making me feel I lose control.
- nilliams 10y agoCorrect me if I'm wrong or misunderstanding, but apart from basic typography (relative sizes and spacing of headings and body text), bootstrap has been opt-in since bootstrap 3. Everything else requires adding classnames or using mixins before bootstrap starts to take effect. If you don't want the typography stuff you can uncheck it on the customize page. (Or if you're using Less/Sass delete the typography import e.g. delete `@import bootstrap/typography` . from `_bootstrap.scss`).
- acomjean 10y agoI think that is correct. When I was using bootstrap 2, I downloaded a custom version that didn't include styles. It was annoying because it also changed basic styles. Bootstrap 3 leaves things alone. for those unfamiliar with the customize page mentioned. http://getbootstrap.com/customize/ http://getbootstrap.com/customize/ I do appreciate the additive approach blaze is taking. Add what you want.
- grumpywizards 10y agoBlaze doesn't mention Bootstrap specifically regards opt in. But Bootstrap does apply CSS to some elements without permission. Foundation even more so. SemanticUI too. Blaze is different than all of these in that it gives the power back to you!
- nilliams 10y agoOnly what I addressed. Typography, which you can disable or override easily. Let's be clear, Bootstrap is the most popular CSS framework in the world, whose Github issue threads have been pored over many times more than Blaze's are likely to be for a very long time, and Bootstrap 3 at least never took any power away. There are some really cool looking elements to Blaze and I'm very interested in using it for some upcoming projects, but to infer that you should ditch Bootstrap for it, on the basis of opt-in vs opt-out is very misleading.
- rattler 10y agoThis looks really good. The grid is much more customisable than bootstrap/foundation.
- grumpywizards 10y agoThanks! Worked hard on the grid!
- allendoerfer 10y agoIs there a reason beyond the marginal performance difference, why there are no global modifiers in BEM? I find the c-button c-button--primary a bit annoying. Why not just c-button primary and define them like this? .c-button.primary { … } Or namespace it: .c-button.m-primary { … }
- ryantownsend 10y agoIt's not so much about performance, it's about specificity. To override anything in `.c-button.primary` you'd need something to have equal or greater specificity (meaning you couldn't do `.c-button--large`). Obviously this is a fairly basic example, but with more chaining comes more levels of specificity which makes for increasingly difficult changes and worse productivity.
- allendoerfer 10y agoI don't get your example. What's the difference between .c-button.primary { … } .c-button.large { … } and .c-button--primary { … } .c-button--large { … } ?
- nilliams 10y ago.c-button--primary has lower specificity that .c-button.primary
- allendoerfer 10y agoBut .c-button.large has the same specificity as .c-button.primary.
- deleted 10y ago[deleted]
- buchanaf 10y agoIndeed, but with BEM, you keep a specificity of 1, which means you can override styles simply by adding a class and ensuring that it is further down in the style sheet than its other base classes. Like mentioned above, this keeps things simple and prevents the snowball effect of people continually adding classes or selectors to override styles.
- ungzd 10y ago"Un-opinionated" right next to "BEM". It's like saying WinAPI and COM is un-opinionated.
- jlukic 10y agoMy thoughts exactly. Also labeling Semantic, Bootstrap etc. as monoliths, yet they both offer custom modular builds.
- kentor 10y agoIt's unopinionated in the sense that it's opt-in only. But they already have opt-in as the first selling point. Any css framework that gives you component classes (how things look) is opinionated by definition.
- grumpywizards 10y agoIt's un-opinionated as in styling is drawn back but not to the point of it being ugly. Look at a Blaze site and it doesn't look like a Blaze site. Everyone can tell when a site has been Bootstrapped. It's aiming for an un-opinionated solution rather than source code
- NKCSS 10y agoSmall thing I noticed: on http://blazecss.com/components/buttons/ http://blazecss.com/components/buttons/, the 'link' button made from a normal <a> tag is slightly larger (Chrome 51).
- grumpywizards 10y agoCould raise an issue in the repo if it's still a problem?
- timje1 10y agoTypo on the front page, 2nd info box - "Mirco-frameworks tend to sacrifice a lot of usefulness for the file size, leaving the developer wanting more".
- grumpywizards 10y agoFixed ;)
- macandcheese 10y agoDespite "un-opinionated" being one of their main selling points, using BEM is SUPER opinionated.
- grumpywizards 10y agoMentioned above: It's un-opinionated as in styling is drawn back but not to the point of it being ugly. Look at a Blaze site and it doesn't look like a Blaze site. Everyone can tell when a site has been Bootstrapped. It's aiming for an un-opinionated solution rather than source code
- Prefinem 10y agoYour dashboard example is freaking out a little. Here is a short clip of it: https://www.freeih.com/tAgTSr https://www.freeih.com/tAgTSr
- rexfm 10y agoos/browser? could not replicate here on mac/chrome