This is beautiful and awesome! Would love to assist with some code if desired--is there a github repo?
Show HN: Leaf – Create interactive coding tutorials
11–20 of 24 posts
Re: Show HN: Leaf – Create interactive coding tutorials
#12This looks really cool, I signed up and will definitely have a play with this. I'm not sure if it's just me but your log in with Google isn't working for me. I put a breakpoint in your function that handles failures there and it has {"response: {error: "popup_closed_by_user"}} - but I just clicked my Google account as I usually would so I'm not sure why it's saying that. Sign up by Email worked fine anyway but figure…
probably a ad/popup blocker
Re: Show HN: Leaf – Create interactive coding tutorials
#13Looks like a good product. One very minor point: on Safari 14.1.1, the "Say goodbye to publishing code" line is too close to the "coding tutorials" line above it, so the descender of the g overlaps the b beneath it.
Re: Show HN: Leaf – Create interactive coding tutorials
#14Great idea. Just FYI on mobile home page looks good and even the tutorials look good, but the Explore page was offset so as to be unreadable. Also feel like Explore page should put top 5 examples at the top instead of random test examples.
Will definitely try it out.
Re: Show HN: Leaf – Create interactive coding tutorials
#15Putting on my technical writer hat and providing feedback from that perspective. First impressions:
> Leaf is a platform built from the ground up, for coding tutorials
In general I do think there could be a market for this. Lots of people want to create those kinds of side-by-side tutorials and they are hard to DIY. You would probably need to let customers brand the tutorial experience (host it on their own domain, etc.)
I don't much care that it's "built from the ground up", I suggest focusing the tagline more on the user. What's in it for me?
The "Learn more" link seems to go to an index of examples (it's a bit broken on iOS Chrome so I'm not sure). Regardless I was expecting it to link to an overview/explanation [1] doc
"Get started" button prompts me to sign-in. Seems like I should be able to test this product without providing credentials? At minimum you could link to a written tutorial of the workflow so that I can get a gist of it in action.
Stopping here. General feedback is that there's too much friction and the mobile UI is rather rough.
Re: Show HN: Leaf – Create interactive coding tutorials
#16Looks very nice.
Can't really tell, from the site, but is this JavaScript/TypeScript-only?
Re: Show HN: Leaf – Create interactive coding tutorials
#17Putting on my technical writer hat and providing feedback from that perspective. First impressions: > Leaf is a platform built from the ground up, for coding tutorials In general I do think there could be a market for this. Lots of people want to create those kinds of side-by-side tutorials and they are hard to DIY. You would probably need to let customers brand the tutorial experience (host it on their own domain, e…
I think this is a very rude feedback and lazy on your part to use this on iphone when it is clearly not intended for mobile use. I think it is very clear what's in it for the site owners.
> host it on their own domain
You can embed it in full page in your site. Little hacky I know.
Re: Show HN: Leaf – Create interactive coding tutorials
#18Putting on my technical writer hat and providing feedback from that perspective. First impressions: > Leaf is a platform built from the ground up, for coding tutorials In general I do think there could be a market for this. Lots of people want to create those kinds of side-by-side tutorials and they are hard to DIY. You would probably need to let customers brand the tutorial experience (host it on their own domain, e…
I think this is a very rude feedback and lazy on your part to use this on iphone when it is clearly not intended for mobile use. I think it is very clear what's in it for the site owners. > host it on their own domain You can embed it in full page in your site. Little hacky I know.
There's nothing rude about the parent's feedback. They took the time out of their day to check out the product and provide their first impressions, which might be valuable to the creator.
Anyway, lots of people browse on their phone even if they're not going to use the product on their phone.
Re: Show HN: Leaf – Create interactive coding tutorials
#19Hey HN, my name is Adish Jain & I am building Leaf. Inspired by Stripe's API documentation ( https://stripe.com/docs/payments/integration-builder ), Leaf is a no-code tool which helps anyone author coding tutorials in a similar side-by-side format. Leaf has a code editor & image selection block in the right pane. In the left pane, you are able to write out the steps of your coding tutorial using Markdown. You can the…
This is pretty great! The example you cited in this post should be prominent in the home page, and mobile users should still be able to see an example of what this does from the home page.
Re: Show HN: Leaf – Create interactive coding tutorials
#20Hey HN, my name is Adish Jain & I am building Leaf. Inspired by Stripe's API documentation ( https://stripe.com/docs/payments/integration-builder ), Leaf is a no-code tool which helps anyone author coding tutorials in a similar side-by-side format. Leaf has a code editor & image selection block in the right pane. In the left pane, you are able to write out the steps of your coding tutorial using Markdown. You can the…
I like the look of the tutorials you've linked to! This definitely seems like a useful format.
One worry I always have when a new tool like this comes out, especially as a SaaS: what's the business model? It's just too much of an investment to create something only to have the platform disappear.