Show HN: Blunt – A CSS Layout Framework for Minimalists • Hacker News Board

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

#11

Post by dgut » Thu, May 21, 2020, 5:03 PM UTC

dstroot wrote: 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 Tailwind classes using the @apply method.. e.g .card and .btn are typical examples (see https://tailwindcss.com/course/composing-utilities-with-appl...).

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

#12

Post by runarberg » Thu, May 21, 2020, 5:32 PM UTC

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.

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

#13

Post by woodrowbarlow » Thu, May 21, 2020, 5:37 PM UTC

chrisweekly wrote: post #6

freedomben wrote: post #3

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.

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/

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

#14

Post by Ravengenocide » Thu, May 21, 2020, 5:38 PM UTC

runarberg wrote: post #12

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.

Inline styles can't include media queries so if you want your styling to be responsive (which you probably want) you are going to need to write some CSS in a file and not have it inline.

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

#15

Post by lucideer » Thu, May 21, 2020, 5:43 PM UTC

trynewideas wrote: post #10

> There seem to be hundreds of these things out there. So why bother with another one? Well, I was sick of fighting with the other options. Most are overly opinionated and result in spending time fighting the framework instead of it boosting productivity. I have tried so many different ones. Some do too much, others do too little. I needed some middle ground that worked for specifically what I wanted. It genuinely do…

This seems to be highly subjective as I'm the exact opposite.

I guess perhaps I have an overly critical mindset, but when I see this, my feeling is more of relief that this is someone who considers the purpose and need of their projects carefully before starting, and is reluctant to "create more stuff" for the sake of it rather than leveraging idiomatic approaches.

There's also the added confirmation bias of reading a rant of frustrations you share.

NOTE:

This is a comment on the sentiment of your comment, not on the original article, the author of which I must say seems to be experiencing frustrations I do not share.

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

#16

Post by mstade » Thu, May 21, 2020, 5:43 PM UTC

chrisweekly wrote: post #6

freedomben wrote: post #3

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.

This is a great resource, thank you for sharing!

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

#17

Post by wilsonrocks » Thu, May 21, 2020, 5:56 PM UTC

freedomben wrote: post #3

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.…

http://flexboxgrid.com/

Is pretty good - similar to at least one version of bootstrap's grid, but just does the layout

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

#18

Post by freedomben » Thu, May 21, 2020, 6:14 PM UTC

chrisweekly wrote: post #6

freedomben wrote: post #3

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.

Thank you! That looks like a fantastic resource, and exactly what I need.

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

#19

Post by toastercat » Thu, May 21, 2020, 6:16 PM UTC

runarberg wrote: post #12

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.

Your critique applies to all of these modern "atomic CSS" frameworks, including Tailwind, Tachyons, and BassCSS. As another user pointed out, inline style attributes lack several of the features allowed by regular stylesheets.

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

#20

Post by leviathan » Thu, May 21, 2020, 6:24 PM UTC

dgut wrote: post #11

dstroot wrote: 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…

> ... Tailwind because you practically don't have to write any CSS.

Only until you want to apply a hover style change on a child element (ie: make that svg icon change color when you hover on the a tag that wraps it) and you discover that you need to write that css yourself.