Blunt

Dev tools

css framework

SHOW HN2020

131points
74comments
#472of 3,028 in 2020
Top 16%of 2020 by points

How HN took it

RoastedHalf or more of the comments are critical

3 positive, 11 neutral or asking, 0 mixed, 17 critical, out of 31 comments about the project. Thread score -0.42.

Idea: 1 for, 7 againstDesign: 2 for, 4 againstPerformance: 0 for, 4 againstExecution: 0 for, 1 againstDocs: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Concise, easy-to-read class names

    From 1 comment
  • Useful middle ground for simple layout helpers

    From 1 comment
    • from a quick look, Blunt is mostly a (big) bunch of helpers for commonly used stuff like "lay the children out horizontally". i'm not sure if it'll be helpful if you're not very…
      uryga on HN

Objections

  • Stylesheet is about 500KB, too heavy for a minimalist framework

    From 3 comments
    • Minimalist? It's 17609 lines and 553 KB. The 'simple' responsive card example uses 9 divs and 33 classes. This is madness.
      perilunar on HN
    • I’m sure this library of classes will be useful for somebody. But the stylesheet weighs in at half a megabyte.
      leephillips on HN
    • First thought: WTF! I had to take a look. It's a case of combinatorial explosion, e.g. there is a style for every integer up to some max I didn't care to find out, for the…
      quickthrower2 on HN
  • Inline-style-like single-rule classes bloat markup and lack hover and media query support

    From 3 comments
    • Sorry if I sound snarky, but why use this if you can just write: ``` <div style="margin-inline:auto">Center</div> ``` It looks like these are just single rule classes. In my…
      runarberg on HN
    • 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…
      keb_ on HN
    • Inline styles cannot do things like :hover, dont work with media queries, can't be adjusted centrally and so on.
      rebotfc on HN
  • Calling it minimalist is contradictory; minimalists don't use frameworks

    From 2 comments
  • Opening readme rant about other frameworks is a poor first impression

    From 1 comment
    • > 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…
      trynewideas on HN

Requests

  • Provide a live example site such as GitHub Pages

    From 1 comment
    • looks like you've already got example code, you should probably make a very basic github pages example site for this as well.
      chadlavi on HN
  • Purge unused classes to shrink the stylesheet

    From 2 comments
    • Yes. I assume he generated the stylesheet programmatically. I guess the intelligent way to use this would be to write some code that detects which classes are actually being used…
      leephillips on HN
    • Use purgecss - https://purgecss.com/, its the same strategy employed by tailwindcss. It will filter out all the classes you don't actually use. Tailwind is over 2MB before its…
      EnigmaCurry on HN

Questions

  • How does it compare to Tailwind?

    From 1 comment

Alternatives named

  • Tailwind CSS

    From 2 comments
    • Can someone comment on Blunt vs. Tailwind?
      dstroot on HN
    • 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…
      dgut on HN
  • Tachyons

    From 1 comment
    • 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:…
      mahesh_rm on HN
  • Bootstrap

    From 1 comment
    • 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…
      freedomben on HN
  • flexboxgrid

    From 1 comment
    • http://flexboxgrid.com/ Is pretty good - similar to at least one version of bootstrap's grid, but just does the layout
      wilsonrocks on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/23259695)