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
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.