TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: Flowshare: Create and discover how-to guides for everyday software

71 点作者 joshi4超过 5 年前
Hi HN,<p>I created Flowshare (<a href="https:&#x2F;&#x2F;flowshare.io&#x2F;" rel="nofollow">https:&#x2F;&#x2F;flowshare.io&#x2F;</a>) to make creating step by step guides with screenshots and annotations as easy as recording a screencast.<p>As a reader, I find screenshots and text much easier and faster to follow than watching a long screencast. As a creator, recording a screencast is much easier. Flowshare gives you the best of both worlds.<p>You can search existing guides at: <a href="https:&#x2F;&#x2F;flowshare.io&#x2F;search" rel="nofollow">https:&#x2F;&#x2F;flowshare.io&#x2F;search</a><p>Here is an example of one the most popular guides:<p><a href="https:&#x2F;&#x2F;flowshare.io&#x2F;flow&#x2F;how-to-block-spam-invitations-from-your-google-calendar" rel="nofollow">https:&#x2F;&#x2F;flowshare.io&#x2F;flow&#x2F;how-to-block-spam-invitations-from...</a><p>I&#x27;m including a link to the chrome extension which is used to create guides: <a href="https:&#x2F;&#x2F;chrome.google.com&#x2F;webstore&#x2F;detail&#x2F;flowshare-how-to-guides-f&#x2F;lfegkcljaabalcnccemlmakgligfjnml" rel="nofollow">https:&#x2F;&#x2F;chrome.google.com&#x2F;webstore&#x2F;detail&#x2F;flowshare-how-to-g...</a><p>Would love to hear any feedback&#x2F;suggestions.

9 条评论

hamaluik超过 5 年前
Love the idea, but I can&#x27;t for the life of me understand why you use `onclick` handlers on `h2` elements instead of `a` links. I immediately got frustrated when I tried to middle-click one of the &quot;curated guides&quot; to open it in a new tab, but nothing happened. Keyboard navigation also doesn&#x27;t work because of this, nor does highlighting a link to see where it will take me. Your site is broken, and I can&#x27;t use it, so I won&#x27;t.
drcongo超过 5 年前
&gt; As a reader, I find screenshots and text much easier and faster to follow than watching a long screencast<p>This. I absolutely despise video as a medium for learning something, especially something technical. This looks really nice and I hope it&#x27;s a huge success.
评论 #21662265 未加载
meesles超过 5 年前
Screenshot-based tutorials are nothing new, and I&#x27;m curious if you&#x27;ve thought about the primary issue (IMO): UI can subtly change over time rendering tutorials confusing and misleading.<p>Just today I was looking at some Windows setting that moved and it took me extra time to find the new location of the setting. The easy answer is some kind of report&#x2F;moderation process where you refresh the screenshots, but at that point I might as well just google for up-to-date tutorials. Have any innovative solutions?
评论 #21660892 未加载
handoff超过 5 年前
That&#x27;s actually a pretty neat idea. Just yesterday I spent close to an hour manually taking screenshots, annotating, aligning them, etc. This would have saved me a lot of time
评论 #21659773 未加载
xchaotic超过 5 年前
Since you’re looking for feedback- on mobile I wasn’t able to tap on individual screens and without zoom they were too tiny to read.
评论 #21660149 未加载
adityarao310超过 5 年前
This is good! I would definitely want to use this soon for creating screenshots for one of my side projects.<p>shift+command+3 and then open in preview is literally the most use workflow on my macbook!
评论 #21670512 未加载
threeeyed-raven超过 5 年前
This looks neat. Have you thought about making this easy to publish as a how to guide on a custom domain? So companies can leverage this to create how to guides for their users?
评论 #21660074 未加载
chabad360超过 5 年前
does this work for native applications as well? as that would be a very useful feature.<p>also, once you&#x27;re already annotating, would it be possible to zoom in on a specific area a bit?
bradknowles超过 5 年前
Virtually all the documentation I&#x27;ve created over the past couple of decades has amounted to some sort of words+annotated screenshots, so this tool is most welcome!<p>That said, there are some issues here:<p>1. When you first go to the web page, there is nothing to tell or show you that what you&#x27;re looking at is not an SPA, and you can actually scroll down to see more content. This is particularly problematical on iOS and iPadOS, where such affordances are vital visual clues as to what you can do.<p>2. A SaaS for private guides is fine for some, but I still need a way to self-host private guides. Ideally, I&#x27;d actually create the content locally, then be able to upload or share that file with others, where they could then view it locally. Creation and viewing on a shared resource like a web page should be an option, but not the only method available. And for creating guides inside of a browser, Chrome should not be the only option available.<p>3. When you&#x27;re creating a long document, you want ways to hide other steps, so as to keep the initial document small and easy to comprehend at a high level, thus allowing the reader to expand only the steps they currently need. Confluence allows me to create collapsible elements that hide the various screenshots that I am attaching to the document I am writing, and the same would be very welcome here.<p>4. I&#x27;m not seeing any way to create a good section of text before or after the graphics. It looks like what you&#x27;ve got is just one screenshot after another, but without any way for me to provide some explanatory text before the screenshot, or any way for me to provide some additional notes after the screenshot.<p>5. The options for annotating a screenshot seem to be extremely limited. I&#x27;ve only seen small square-corner boxes around some buttons or other, and so far the only color options I&#x27;ve seen have been magenta. I want round-corner box options. I want arrow options. I want single and double-headed arrow options. I want different shapes of arrow options. I want thicker border and line options. I want more color options. I want the option to grey out or shadow out everything but the one thing I want highlighted. You don&#x27;t have to give me a full copy of PhotoShop or GIMP, or even a full copy of macOS Preview, but I definitely want a lot more annotation options than you&#x27;ve shown.<p>6. Make your collection names and tags clickable when viewing multiple flows. If I&#x27;m looking at the main &quot;Search&quot; page which shows a bunch of examples below, I should be able to click on the &quot;mail.google.com&quot; link and have that bring up all flows in that collection. If I click on the &quot;onboarding&quot; tag, that should show me all flows that have that tag. And all flows should have a collection and&#x2F;or one or more tags associated with it. For example, the flow at <a href="https:&#x2F;&#x2F;flowshare.io&#x2F;flow&#x2F;how-to-write-canned-response-in-gmail" rel="nofollow">https:&#x2F;&#x2F;flowshare.io&#x2F;flow&#x2F;how-to-write-canned-response-in-gm...</a> doesn&#x27;t seem to be officially part of the &quot;Google and Gmail&quot; collection.<p>7. Do you have a privacy page? Do you have a page that describes how you will deal with GDPR or CCPA requests? How are you going to use our data? If we decide we want to leave your service, how do we export our data so that we can save it somewhere else, and then make sure that you properly purge it from everywhere in your systems?<p>That&#x27;s about all I can think of from off the top of my head. More later.
评论 #21670527 未加载