POC: Add info about screenshot app on MacOS (without graphics)#47
POC: Add info about screenshot app on MacOS (without graphics)#47Miwoli wants to merge 1 commit intos-thom:mainfrom
Conversation
Signed-off-by: Miwoli <miwoli98@gmail.com>
kszczepanskidev
left a comment
kszczepanskidev
left a comment
There was a problem hiding this comment.
- The instruction is also missing option to capture selection directly into pasteboard by adding
ControltoCmd + Shift + 4shortcut. - The screenshot app also allow screen recording, so following Windows instruction format, there should be separate paragraph added for that
| <div class="step-half step-text"> | ||
| <h2 class="step-title">1</h2> | ||
| <p> | ||
| Press the <kbd>Command</kbd> + <kbd>Space</kbd> to open Spotlight |
There was a problem hiding this comment.
You can open screenshot app with Cmd + Shift + 5
There was a problem hiding this comment.
I think the Spotlight instructions would be good for a note, with the main paragraph being the keyboard shortcut that @kszczepanskidev mentioned.
| Press the <kbd>Command</kbd> + <kbd>Space</kbd> to open Spotlight | |
| Press the <kbd>Command</kbd>, <kbd>Shift</kbd>, and <kbd>5</kbd> keys. | |
| </p> | |
| <p> | |
| Note: You can also open the Screenshot app by searching for "Screenshot" in Spotlight. You can open Spotlight by pressing the <kbd>Command</kbd> and <kbd>Space</kbd> keys. |
|
Hey, sorry it's taking me a while to get to this, things are pretty busy for me right now. I'll try and get to this as soon as I can 😄 |
s-thom
left a comment
s-thom
left a comment
There was a problem hiding this comment.
Neat! I had no idea MacOS had the Screenshot app. It seems like it's been around for a long time too.
I've suggested some changes here, both to the content itself and the writing style. I do appreciate the effort taken to try and make it fit in with the rest of the site 😄
Don't worry about not making illustrations at this stage. At some point I want to go through and redo them all anyway (or pay someone I know to do them because it's actually a fair amount of work).
| </article> | ||
| <article> | ||
| <section class="intro"> | ||
| <h1 class="intro-title">Using screenshot app</h1> |
There was a problem hiding this comment.
I don't have a style guide for the writing of this website, but I do want to keep it in a similar style to what it already has.
Note that these suggestions might need to be formatted in your editor as I can't run Prettier in a GitHub comment.
| <h1 class="intro-title">Using screenshot app</h1> | |
| <h1 class="intro-title">Using the Screenshot app</h1> |
The Screenshot app is referred to with a capital letter in Apple's documentation.
| MacOS has also build-in screenshot app, that let's you select a part | ||
| of a screen, a particular window, or even create a screen record |
There was a problem hiding this comment.
| MacOS has also build-in screenshot app, that let's you select a part | |
| of a screen, a particular window, or even create a screen record | |
| MacOS has a built-in app for taking screenshots and screen recordings. |
| <div class="step-half step-text"> | ||
| <h2 class="step-title">1</h2> | ||
| <p> | ||
| Press the <kbd>Command</kbd> + <kbd>Space</kbd> to open Spotlight |
There was a problem hiding this comment.
I think the Spotlight instructions would be good for a note, with the main paragraph being the keyboard shortcut that @kszczepanskidev mentioned.
| Press the <kbd>Command</kbd> + <kbd>Space</kbd> to open Spotlight | |
| Press the <kbd>Command</kbd>, <kbd>Shift</kbd>, and <kbd>5</kbd> keys. | |
| </p> | |
| <p> | |
| Note: You can also open the Screenshot app by searching for "Screenshot" in Spotlight. You can open Spotlight by pressing the <kbd>Command</kbd> and <kbd>Space</kbd> keys. |
| <section class="step"> | ||
| <div class="step-half step-text"> | ||
| <h2 class="step-title">2</h2> | ||
| <p>Type in "Screenshot" and open the "Screenshot" app</p> | ||
| </div> | ||
| </section> |
There was a problem hiding this comment.
If accepting the suggestion from above, then step 2 is no longer necessary. You'll also need to re-number any future steps (just pointing it out because this was a mistake I have made while making changes to the site before).
| From the menu-bar select the mode (full-screen, window or partial) | ||
| and click capture to take a screenshot. From that bar you can also | ||
| set, if you want your screenshot to be saved or to be copied to | ||
| the clipboard |
There was a problem hiding this comment.
This is a lot of text for a single paragraph. Generally text on this site is short and quite technical. I think this is long because the process has two different steps in it. The first step is to select the options (full screen, window, partial, where to save), while the second step is the act of clicking the Capture button.
I'd recommend splitting this into two steps, with the first being:
Select whether you want a full screen, window, or partial capture.
Note: You can choose where your screenshot is saved in the Options menu.
and second step:
Click the Capture button.
| </p> | ||
| </div> | ||
| </section> | ||
| </article> |
There was a problem hiding this comment.
Instructions for screen recordings have been missing from the MacOS page for some time, and it seems the Screenshot app can do them. It's probably woth adding a new <article> block with pretty much these exact same steps. Instead of selecting full screen, window, or partial before clicking the Capture button, you'd be selecting one of the screen recording options instead.
The page for Windows has a "Video recording" section at the bottom which is similar to this.
Oh cool, that's a neat trick. Does that also work for |
Yes, works for both 3 and 4 shortcuts |
3 participants
The current MacOS instruction is missing the easiest way (in my opinion), that uses Spotlight to opend a screenshot app, that gives a lot of options without a hustle to remember a really weird keyboard combo.
Here's a suggestion to add that to the current insturction. In this PR the diagrams are missing, but I'll leave adding them for somebody with the Illustrator