Ideas

[zeke]

A rough list of ideas I had while going through the app:

• It's not very clear that "Create a new window" is a clickable collapsed section. Add arrows to the toggle-button #95
• Homepage should have a "Get Started" button that leads to the first demo (or a "getting started" page, once that exists).
• [Demo] button should be [View Demo] Update demo button label #135
• Turn the "invisible browser window" pro-tip into a standalone demo
• Save my place so when I reopen the app I see the same content. See Save my place so when I reopen the app I see the same content #93
• Avoid duplicate inline JS: https://github.com/electronjs/electron-api-demos/blob/master/sections/native-ui/ex-links-file-manager.html#L57-L68
• Hidden window "pro tip" is kind of a dupe of another lesson
• Detect the user's OS with process.version and only display one of: (CMD + V or CTRL + V)
• CoC: Is there an electron@github.com address to use instead of atom@github.com ? e1c14fe
• hokein/electron-sample-apps has some really great demos. Should we borrow some from there? Adapt more demos #80

[simurai]

All good ideas.

Homepage should have a "Get Started" button that leads to the first demo (or a "getting started" page, once that exists).

Currently the "Welcome" and the "About" page are the same. But maybe we could make them two different pages. Welcome would just have the title and a big "Get Started" button. About would have the current copy.

It's not very clear that "Create a new window" is a clickable collapsed section.

Any suggestion to make it more clickable looking. A border around to make it appear like a button? Or those left borders could look more like an arrow. To suggest that there is more content when you click it. Like:

[zeke]

@simurai I like that arrow style ☝️. I think it's a step in the right direction for helping differentiate the sections.

[jlord]

I've update some of the original post to show what we've made progress on 👍

Avoid duplicate inline JS

<script type="text/javascript" src="renderer-process/native-ui/ex-links-file-manager/file-manager.js"></script>
<script type="text/javascript" src="renderer-process/native-ui/ex-links-file-manager/ex-links.js"></script>

What did you imagine instead of this @zeke? My feeling is that it's not duplicate because it's pulling in two different scripts, same as is typical on pages that require say jQuery, then handlebars...whatever else.

[Demo] button should be [View Demo]

@simurai what are your thoughts here? I could go either way.

Turn the "invisible browser window" pro-tip into a standalone demo

We have the Communicate with Invisible Browser Window (in Communication) as a demo and the ProTip as well (in Windows)—where you thinking of something else @zeke?

Detect the user's OS with process.version and only display one of: (CMD + V or CTRL + V)

I'm fine with doing this—but to clarify, do you mean in the Clipboard demos?

[zeke]

Avoid duplicate inline JS

@jlord I think I was referring to the inline <pre><code> snippets. I guess they're not duplicated, just hidden from the watchful 👀 of standard. Not a big deal.

Turn the "invisible browser window" pro-tip into a standalone demo

Pretty sure this got worked out when you updated all the Pro-Tips™, @jlord

CMD + V or CTRL + V

Yep, I mean in the clipboard demo. I created https://github.com/zeke/electron-shortcut-normalizer with this in mind but haven't gotten around to using it because my focus has shifted to website stuff. But yes! I still want to do this.

[simurai]

[Demo] button should be [View Demo]

Ya, it feels more actionable. I'll make a PR.

[jlord]

We have issues #80 and #145 for the last two remaining things—ok to close out this list here?