Live data from Hacker News

Show HN: Blunt – A CSS Layout Framework for Minimalists

github.com

31–40 of 76 posts

Re: Show HN: Blunt – A CSS Layout Framework for Minimalists

#34

Sorry if I sound snarky, but why use this if you can just write: Center It looks like these are just single rule classes. In my opinion, If you are going to write one class for each style rule, you might as well use the style property.

On top of what others are saying, on modern websites, inline CSS is usually forbidden by the Content-Security-Policy, to provide defense in depth against CSS injection.

(This SO answer summarizes why CSS injection is something to care about: https://stackoverflow.com/a/718614)

Re: Show HN: Blunt – A CSS Layout Framework for Minimalists

#35

Earlier quoted context omitted.

Unlearning is harder than learning; highest possible recommendation to start here: https://every-layout.dev and get it right. You'll leapfrog 98% of FE "specialists" and 99.999% of "full-stack" devs.

wow, that resource looks really fantastic. also want to add: a good CSS thing to learn right now is the CSS grid. you can hammer out the blocking layout of your pages so quickly with a grid. https://css-tricks.com/snippets/css/complete-guide-grid/

I have some misgivings about css grid (vs doing everything w flexbox), in part bc it encourages designing to a (particular) grid configuration, whereas my responsive ideal is to build up from content first, w the design following somewhat organically from it, and the layout remaining as fluid as possible, according to the viewing context in which it's rendered.

This relates to similar thoughts about breakpoints being a sometimes-helpful crutch of sorts, vs their typical adoption as a "standard" set of predefined viewport dimensions designers should target. Because it ignores users who config their browsers to use larger fonts (a larger demographic than all IE users).

/$.02

Re: Show HN: Blunt – A CSS Layout Framework for Minimalists

#36

I use Tachyons ( https://tachyons.io/ ) whenever I can, for achieving this purpose. It seems the scope is overlapping, and tachyons is a little more mature: https://tachyons-tldr.now.sh/ .

I love Tachyons, it was the first CSS library/tool that helped me feel comfortable tackling designing good looking pages. I think its a great tool for someone not comfortable in the space. As you use it more and more you get a good understanding of what the properties are (using margins, paddings, headers, centering text, etc) + couple that with the VSCode plugin, it gives you the real css snippets for what the prope…

I love Tachyons as well, and am happy to see the project hasn't been abandoned in favor of far more complicated things (I mistakenly thought that was the case)

Re: Show HN: Blunt – A CSS Layout Framework for Minimalists

#37

Personally I prefer to write the CSS (well Sass really). I've mainly used Bootstrap in the past. I've moved on though, I learned flexbox and css grid and some atomic design principals as well as ABEM ( https://css-tricks.com/abem-useful-adaptation-bem/ ) and I'm happy.

Once I discovered utility classes, I found it so much better than BEM or any derivatives of such. I don't want my styles to know what my components are, I want my components to use predefined styles.

Re: Show HN: Blunt – A CSS Layout Framework for Minimalists

#39

I did tons of web pre-CSS days (all my layouts were tables :-D) and have (clearly) been out of the scene for a long time other than the occasional CSS hacking when there wasn't enough backend/infrastructure work to fill the sprint. I understand the theory behind CSS, but suck at the practice (for now). I've figured out how to do simple layout with divs, but I still suck at making it responsive to screen size changes.…

Unlearning is harder than learning; highest possible recommendation to start here: https://every-layout.dev and get it right. You'll leapfrog 98% of FE "specialists" and 99.999% of "full-stack" devs.

That does look nice, though the price is pretty off putting. Maybe there'll be more content, maybe there won't be... I wish I was in a position to be able to support projects I wish to see come to fruition at that level, but personally I am not, especially for how little css I write.

I do hope it has or gets enough support to keep adding content though, as the level of quality is definitely a step above most free tutorials.

If I did have a complaint, it would be that i am unconvinced that using custom elements for layout is a great idea. It might work really well for apps, but isn't what I would think of as terribly semantic.

Re: Show HN: Blunt – A CSS Layout Framework for Minimalists

#40
post #11
post #2

Can someone comment on Blunt vs. Tailwind?

Tailwind has a class for almost everything, which makes it quite heavy: 1600kb minified. In my experience you end up with ≤ 15kb of minified CSS after running PurgeCSS anyway, so this is not an issue. Personally I prefer Tailwind because you practically don't have to write any CSS. With something like Blunt expect finding many edge cases where you will have to write custom CSS. I do write custom classes that wrap Tai…

Going slightly off topic but I wonder if anyone can point me to a tailwind "starter kit" - ie. a project with everything in place to get going with tailwind, postcss etc.

Thanks!

Post reply on HN