4 ms·

Show HN: Chalk.ist – Create beautiful images of your source code

50 points by Idered 3y ago

pplonski86 3y ago
Great website! Congrats. 1. Any chance to make it open-source? 2. Is there an option to build animation of how code is written? Export code animation as GIF?
- pplonski86 3y ago
  I did some internet search and the website is open source https://github.com/Idered/chalk.ist https://github.com/Idered/chalk.ist And it looks you are from Białystok - greetings from Łapy!
- Idered 3y ago
  2. Nope, I have it on my roadmap but far far away
krm01 3y ago
Nice job. A couple of UX insights for you to think about: - Perhaps introduce a bit more spacing between the left-side menu items; it currently feels a tad congested. - A strategy to consider: identify the most frequently utilized features and present them prominently by default. Many of the nuanced configurations might be better suited behind a collapsible panel. Striking the right equilibrium between primary functionalities for the majority and advanced settings for a minority can significantly enhance the user interface, leading to a more streamlined experience. tiny tweaks can sometimes make the product 10X faster to use and increase your overall retention. hope it's helpful!
Alifatisk 3y ago
Reminds me of carbon.now.sh
rane 3y ago
What's the use case for this?
- hbcondo714 3y ago
  I just used this for my repo's readme: https://github.com/hbcondo/revenut-api https://github.com/hbcondo/revenut-api I originally used the image editor Pinta[1] to depict the JSON response from my API but Chalk.ist was much easier! Commit diff: https://github.com/hbcondo/revenut-app/commit/740f907d42e189c5518f5f6c0bbc995d730bb887 https://github.com/hbcondo/revenut-app/commit/740f907d42e189... [1] https://www.pinta-project.com https://www.pinta-project.com
  - rane 3y ago
    Cool. Personally, I'd favor text-based examples so that the user may easily run them on their own.
    - bravetraveler 3y ago
      Ditto For those unaware, on GitHub you can get highlighting by giving the language at the start of the code block. For example: ```yaml --- - hosts: all vars: idk: {} ```
- matthewtse 3y ago
  Reminds me of https://xnapper.com/ https://xnapper.com/, except for code. I imagine some people might tweet snippets of code, and this makes the snippet look much more visually appealing.
LorenDB 3y ago
A few questions: - Some of us are loath to promote macOS, and that includes using it in decorational elements. Any chance that you'll add other window decoration styles? - There's not a lot of languages listed; I wasn't able to find D (which didn't surprise me) or C++ (which did surprise me). I don't know what you're using now for syntax highlighting, but something like prismjs.com could easily add dozens of languages to your supported list. I do like the looks of this project; keep it up!
- Idered 3y ago
  1. You can always disable window controls. I'll try to add other types soon 2. You can send issue/pr with language you need. Here's current list https://github.com/Idered/chalk.ist/blob/c9b9d8662ab7fcc0b0443c64ec2950de560a5f7f/src/constants.ts#L59 https://github.com/Idered/chalk.ist/blob/c9b9d8662ab7fcc0b04... or you let me know here which one you need Thanks!
- Idered 3y ago
  Added Windows controls https://twitter.com/Idered/status/1699162712649990516 https://twitter.com/Idered/status/1699162712649990516
alwinaugustin 3y ago
Very Nice.

50 points by Idered 3y ago

Great website! Congrats. 1. Any chance to make it open-source? 2. Is there an option to build animation of how code is written? Export code animation as GIF?

pplonski86 3y ago
I did some internet search and the website is open source https://github.com/Idered/chalk.ist https://github.com/Idered/chalk.ist And it looks you are from Białystok - greetings from Łapy!
Idered 3y ago
2. Nope, I have it on my roadmap but far far away

krm01 3y ago

Nice job. A couple of UX insights for you to think about: - Perhaps introduce a bit more spacing between the left-side menu items; it currently feels a tad congested. - A strategy to consider: identify the most frequently utilized features and present them prominently by default. Many of the nuanced configurations might be better suited behind a collapsible panel. Striking the right equilibrium between primary functionalities for the majority and advanced settings for a minority can significantly enhance the user interface, leading to a more streamlined experience. tiny tweaks can sometimes make the product 10X faster to use and increase your overall retention. hope it's helpful!

Alifatisk 3y ago

Reminds me of carbon.now.sh

rane 3y ago

What's the use case for this?

hbcondo714 3y ago
I just used this for my repo's readme: https://github.com/hbcondo/revenut-api https://github.com/hbcondo/revenut-api I originally used the image editor Pinta[1] to depict the JSON response from my API but Chalk.ist was much easier! Commit diff: https://github.com/hbcondo/revenut-app/commit/740f907d42e189c5518f5f6c0bbc995d730bb887 https://github.com/hbcondo/revenut-app/commit/740f907d42e189... [1] https://www.pinta-project.com https://www.pinta-project.com
- rane 3y ago
  Cool. Personally, I'd favor text-based examples so that the user may easily run them on their own.
  - bravetraveler 3y ago
    Ditto For those unaware, on GitHub you can get highlighting by giving the language at the start of the code block. For example: ```yaml --- - hosts: all vars: idk: {} ```
matthewtse 3y ago
Reminds me of https://xnapper.com/ https://xnapper.com/, except for code. I imagine some people might tweet snippets of code, and this makes the snippet look much more visually appealing.

LorenDB 3y ago

A few questions: - Some of us are loath to promote macOS, and that includes using it in decorational elements. Any chance that you'll add other window decoration styles? - There's not a lot of languages listed; I wasn't able to find D (which didn't surprise me) or C++ (which did surprise me). I don't know what you're using now for syntax highlighting, but something like prismjs.com could easily add dozens of languages to your supported list. I do like the looks of this project; keep it up!

Idered 3y ago
1. You can always disable window controls. I'll try to add other types soon 2. You can send issue/pr with language you need. Here's current list https://github.com/Idered/chalk.ist/blob/c9b9d8662ab7fcc0b0443c64ec2950de560a5f7f/src/constants.ts#L59 https://github.com/Idered/chalk.ist/blob/c9b9d8662ab7fcc0b04... or you let me know here which one you need Thanks!
Idered 3y ago
Added Windows controls https://twitter.com/Idered/status/1699162712649990516 https://twitter.com/Idered/status/1699162712649990516

alwinaugustin 3y ago

Very Nice.