DoodleCSS

Dev tools

css theme

SHOW HN2021

188points
35comments
#247of 2,533 in 2021
Top 10%of 2021 by points

How HN took it

MixedNo clear lean

10 positive, 5 neutral or asking, 6 mixed, 5 critical, out of 26 comments about the project. Thread score +0.20.

Execution: 2 for, 4 againstIdea: 5 for, 0 againstDesign: 1 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

  • Looks nice and fun

    From 4 comments
    • Hi, looks great. I don’t see a license in the repo - what is it licensed under? I would definitely consider it for goofier projects but want to make sure it’s permissively…
      stu2b50 on HN
    • I love this
      jack_riminton on HN
    • Very neat and fun, well done!
      wonderwonder on HN
    • Love it - only comment I have is to consider (it may not be possible) making the "●" characters in the password entry field match the rest of the design - similar to the stylized…
      callumprentice on HN
  • Lots of cool ideas in the CSS

    From 1 comment

Objections

  • Safari rendering bugs with checkboxes, radios and selects

    From 4 comments
    • Nice! Reminds me of rough.js stuff: - https://roughjs.com/ - https://github.com/jwilber/roughViz - https://github.com/rough-stuff/rough-notation One comment: some items aren’t…
      torbTurret on HN
    • Looks very nice, but on Safari select box, checkboxes and radio buttons aren’t working as intended.
      gryzzly on HN
    • mobile safari as well
      armchairhacker on HN
    • Safari iOS note: selected checkbox and option appears as asterisk, which is odd. Anyway, very nice theme. I think XKCD should use it!
      quickthrower2 on HN
  • Base font size too large

    From 1 comment
    • • 2em base font size is waaaaaay too large. I zoomed out to 50% and breathed a sigh of relief (and later dialed it back up to 67% which was tolerable too and probably more where…
      chrismorgan on HN
  • Checkboxes and radio buttons not visually distinct enough

    From 3 comments
    • • 2em base font size is waaaaaay too large. I zoomed out to 50% and breathed a sigh of relief (and later dialed it back up to 67% which was tolerable too and probably more where…
      chrismorgan on HN
    • Hi, it looks really great. Reminds me of XKCD-inspired chart themes. Several issues to better respect UI standards: - Controls should have `cursor:pointer` so it show a hand on…
      saint-loup on HN
    • Beautiful! Would love a checkmark in the checkbox instead of a star though, now it looks very similar to the radiobutton.
      cambaceres on HN
  • Focus outlines removed

    From 2 comments
    • • 2em base font size is waaaaaay too large. I zoomed out to 50% and breathed a sigh of relief (and later dialed it back up to 67% which was tolerable too and probably more where…
      chrismorgan on HN
    • Seconding, check the focus-visible especially on the textarea/selects.
      crookshanked on HN

Requests

  • Add a checkmark to checkboxes

    From 1 comment
    • Beautiful! Would love a checkmark in the checkbox instead of a star though, now it looks very similar to the radiobutton.
      cambaceres on HN
  • Clicking checkbox labels should toggle the checkbox

    From 2 comments
    • Hi, it looks really great. Reminds me of XKCD-inspired chart themes. Several issues to better respect UI standards: - Controls should have `cursor:pointer` so it show a hand on…
      saint-loup on HN
    • Very nice. Small nitpick: clicking on the text of the radio button works, but it doesn't for the checkbox.
      Zababa on HN
  • Add cursor pointer on controls

    From 1 comment
    • Hi, it looks really great. Reminds me of XKCD-inspired chart themes. Several issues to better respect UI standards: - Controls should have `cursor:pointer` so it show a hand on…
      saint-loup on HN
  • Clarify the license

    From 1 comment
    • Hi, looks great. I don’t see a license in the repo - what is it licensed under? I would definitely consider it for goofier projects but want to make sure it’s permissively…
      stu2b50 on HN

Questions

  • What license is it under?

    From 1 comment
    • Hi, looks great. I don’t see a license in the repo - what is it licensed under? I would definitely consider it for goofier projects but want to make sure it’s permissively…
      stu2b50 on HN

Alternatives named

  • Rough.js

    From 2 comments
    • Nice! Reminds me of rough.js stuff: - https://roughjs.com/ - https://github.com/jwilber/roughViz - https://github.com/rough-stuff/rough-notation One comment: some items aren’t…
      torbTurret on HN
    • Awesome! (Rough.js comes to mind in this space.)
      chrisweekly on HN
  • PaperCSS

    From 1 comment
    • Also in this vein: PaperCSS https://www.getpapercss.com/
      genezeta 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/29551465)