You are browsing as a guest. Sign up (or log in) to start making projects!

3h 49m 29s logged

Devlog #3 of Comment Box Generator

Comment Box Generator is a super lightweight site for making unicode
boxes to put in comments in your code that are centred, for example:

/*
╔════════════════════════════════════╗
║              EXAMPLE               ║
╚════════════════════════════════════╝
*/

(trust me this looks normal in a code editor)

It’s made with Bun on the backend, so it builds and hosts fast. When
distributed, it loads super fast as it’s only 50KB minified. This is
done by removing all whitespace in HTML, CSS and JS and removing
unnecessary glyphs in the one font that’s bundled, Stack Sans.

Things that have been added since the previous devlog:

  • Unicode box symbols: this is far more reliable than using just one
    character like = because there are far fewer of those that work with
    centred box comments. Now you define eight characters for each box
    preset, for each side and corner.
  • Proper CSS! and Dark mode with that too.
  • Minifying fonts in the Bun build script
  • Forcing multiline for languages like HTML where there are no single
    line comments
  • Removed RobotoMono and instead used the browser’s default monospace
    font as that was causing issues with the unicode box approach
  • Colour scheme options and Github, Hack Club Stardance links and an
    info dialog in the top right

Things yet to come:

  • A proper README
  • More box options
  • SEO (I want people to organically find this site after all)
  • A favicon
  • A copy button for the output, plus generally styling that up
0
3

Comments 0

No comments yet. Be the first!