Complete (and update!) images of each addon #4

Hans5958 · 2021-05-11T10:45:13Z

Important

Updates are welcome, and we need it. Some of the focus are...

update them to use the new purple color scheme
redo them with better quality/dimensions.

This is an issue tracking about the addon screenshots. It is mainly displayed on the addons page.

For discussion related to adding images or media to the extension itself, see ScratchAddons/ScratchAddons#364.

You can add your images by following either of these two options.

Create a fork, add your images on /site/assets/images/addons, and create a pull request.
Comment and attach the images on this issue. Someone will add it for you.

Continuation of ScratchAddons/website#61 for website-v2.

Guidelines

The images for the addon are following these rules:

Post the addon ID, and preferably also the addon name. The addon ID is colored gray underneath the addon name.
The image has an extension/a format of .png.
The image has an aspect ratio of 4:3 and a size of at least 400x300.

Note

The recommended sizes are 800x600 to 1200x900, depending of the size of the subject, and the display pixel ratio (DPI) of 3 to 4. Other sizes are still allowed, as long as the ratio is still 4:3 or 1.3333... (e.g. 400x300, 480x360, 800x600).

Zooming in/out using the browser is permitted, including setting the display pixel ratio using browser tools. See this comment as a suggestion.

The image contains a sample of what the addon can offer without any other effects from other addons.

Note

Disable other addons so that the screenshot only shows one addon only. One addon for one image! We don't want confusion.

The image has minimum edits, but still made the image to be not awkward.

Note

If an edit can be made to improve the visibility of addon behaviors, you may do it, while still keep in in the minimum. This includes...

Have additional markers (red cross for removed elements, circle for very, very subtle changes, etc (example from disable-auto-save)
Make a side by side comparison if needed. (example from fix-uploaded-svgs)

If possible, the image is only cropped, without any resizing or other edits. As mentioned, zooming is allowed.

If possible, avoid having user-generated content on the image (user avatars, user names, project thumbnails, project name, etc)

Note

In cases when the editor is needed, but the address bar would be in frame, using https://scratch.mit.edu/projects/editor/ is suggested.

Progress

Missing Addons (3)

Addons that have never gotten an image.

collapse-footer
paint-skew
place-backpack-code-at-cursor

Improve (1)

Has other addons in the background that lose the addon's focus, or is otherwise a bad quality image

disable-auto-save (The cat doesn't need to be there)

Outdated (3)

New updates have occurred to this addon that makes it look or act differently.

forum-search (forum-search: fix addon by using new ScratchDB API ScratchAddons#7727)
infinite-scroll (Infinite scrolling addon: remove "fix footer" setting ScratchAddons#6426)
mediarecorder (mediarecorder options UI changes ScratchAddons#7586)
Screenshots that still use blue

Hard to Display (9)

Not a priority. You can probably ignore this section, unless you found a way to make this displayable.

ctrl-click-run-scripts (New addon - Ctrl+Click to run scripts ScratchAddons#2555)
ctrl-enter-post (Ctrl+Enter -> Post ScratchAddons#2986)
editor-number-arrow-keys (Add "Arrow key incrementation in editor" addon ScratchAddons#6020)
faster-project-loading(New addon 'Faster project loading' ScratchAddons#5800)
fix-editor-comments (New addon: better editor comments ScratchAddons#3701)
fix-pasted-scripts (New addon - adjust script run behavior ScratchAddons#2470)
move-to-top-layer (New addon: "Move sprite to front layer" ScratchAddons#5904)
no-script-bumping (New addon: Disable script bumping ScratchAddons#3241)
redirect-mobile-forums-v2 (New-ish addon: Redirect to standard forums (from mobile forums 404) ScratchAddons#6915)

The text was updated successfully, but these errors were encountered:

Hans5958 · 2021-05-11T10:50:07Z

@TheColaber

Could you resend ScratchAddons/website#61 (comment) but also with the names (id is better)?

TheColaber · 2021-05-11T19:36:05Z

Images

blocks2image:

custom-zoom:

dango-rain:

full-signature:

media-recorder:

hide-flyout:

more-links:

last-edit-tooltip:

cobaltt7 · 2021-05-11T19:59:13Z

@TheColaber Can you show dango-rain without dark-www and blocks2image without editor-devtools?

Hans5958 · 2021-05-15T05:33:55Z

@RedGuy12

Can you show dango-rain without dark-www and blocks2image without editor-devtools?

Don't worry about it. It's fine for now. @TheColaber, in case you changed it, please tell me.

#4 (comment)

TheColaber · 2021-05-15T12:03:06Z

Added much more data on the TBD graph

TheColaber · 2021-05-19T22:17:50Z

More Images

remove-curved-stage-border:

gamepad:

load-extensions:

material-forum-editor-buttons:

bitmap-copy:

my-ocular:

initialise-sprite-position:

mxmou · 2021-05-20T05:58:10Z

I don't think there should be an image for bitmap-copy because it doesn't have any UI at all - unless it shows a bitmap costume next to the copied one in Windows clipboard history or something like that.

CST1229 · 2021-07-02T09:24:00Z

Image for expanding-search-bar

Could be better by using a different search term (or none at all, but I think having something in the search bar would be the best way to illustrate this addon).
Also could be taken on Chrome.

Hans5958 · 2021-07-02T13:13:57Z

Also could be taken on Chrome.

It's fine to use other than Chrome. You can also crop the address bar if you want to. Either way, I will add yours later.

CST1229 · 2021-07-02T13:43:34Z

Also could be taken on Chrome.

It's fine to use other than Chrome. You can also crop the address bar if you want to. Either way, I will add yours later.

I feel cropping out the address bar and leaving the navbar at the very top would somewhat distract you from the search bar.

iqnite · 2021-07-12T14:12:37Z

debugger

iqnite · 2021-07-12T14:14:18Z

expanding-search-bar

iqnite · 2021-07-12T14:20:33Z

message-filters

iqnite · 2021-07-12T14:22:00Z

material-forum-editor-buttons

iqnite · 2021-07-12T14:23:03Z

gamepad

iqnite · 2021-07-12T14:23:47Z

remove-curved-stage-border

mxmou · 2021-07-12T14:23:54Z

@iqnite Please crop screenshots to 400x300.

iqnite · 2021-07-12T14:26:16Z

transparent-orphans

cobaltt7 · 2021-07-12T16:02:20Z

@iqnite Pls remove running block highlight from debugger Also remove custom block shape from debugger and transparent orphans

…

________________________________ From: IQNite ***@***.***> Sent: Monday, July 12, 2021 9:12:49 AM To: ScratchAddons/website-v2 ***@***.***> Cc: Paul Reid ***@***.***>; Mention ***@***.***> Subject: Re: [ScratchAddons/website-v2] Help wanted: Complete images of each addon (#4) debugger [image]<https://user-images.githubusercontent.com/50552317/125302030-dfa28100-e32b-11eb-94a2-7bf9086a8516.png> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub<#4 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AOT5DEV7JMS3PHDDW42XKATTXLZ6DANCNFSM44VCTWHA>.

Hans5958 · 2021-07-12T16:13:35Z

@iqnite

Crop/resize those images to 400x300.
Avoid other changes from other addons. I just revised rule number 4.
I'm still going with @CST1229's for expanding-search-bar.

Also, to whom it may concern, let's just do not hide the messages. It is fine for now.

mxmou · 2021-07-12T17:14:28Z

Some updated images:

Cat blocks

Studio tools

Exact count

CST1229 · 2021-07-12T17:52:25Z

Updated image for editor-stepping (with the improved highlight):

iqnite · 2023-01-18T13:10:36Z

vol-slider

Hans5958 · 2023-01-22T17:17:52Z

Before I merge things, I just revised the rule to try keep the dimensions round, like 400x300, 440x330, 480x360, 520x390, etc, in response of there are some dimensions such as 537x403. I have to adjust some of it, so it takes time, but if you guys want to do it yourself, then go ahead.

@iqnite I saw both dark mode and pause button there. Keep in one addon per image, please. I perhaps going to use @Jazza-231's on this one.

CST1229: zebra-stripping DNin01: disable-paste-offset Jazza-231: rename-broadcast, jump-to-def, vol-slider Related: #4 Co-authored-by: DNin01 <106490990+DNin01@users.noreply.github.com> Co-authored-by: Jazza-231 <81956724+Jazza-231@users.noreply.github.com> Co-authored-by: CST1229 <68464103+CST1229@users.noreply.github.com>

Related: #4

Hans5958 · 2023-02-04T09:02:36Z

Finally got time to push the submitted images. The other ones that I didn't upload is either I don't satisfied with them, or I prefer the ones that are done on #245.

I chose CST's zebra-stripping for better clarity, as I feel having all of the possible variations would be too much for general readers.

I chose CST's no-script-bumping. While it may too much for some, I think DNin01's version would still unclear for me to be obvious enough. While CST is also not absolutely obvious, I say that it is slightly better than the latter.

I haven't included paint-snap as I'm not sure if it is how it looks (haven't checked it). LMK if this is how the release looked.

Also on the same round is I remaster some of the images: e2964db. I did this with screenshot tool on the developer tools. I use the DPS of 4, except when the image exceeds 1600 x 1200 (4x of 400x300), in which I fallback to the DPS of 3. In case of anyone wanted to do it as I do, you can check how to take these screenshots with the DPS you want by following the guide on these links.

As a final note, I have edited the guidelines slightly so it is more clear. Probably one important thing to point out is the fifth one: "Keep edits in minimum, while trying to make it so it isn't awkward."

CST1229 · 2023-02-04T10:13:41Z

number-pad

mybearworld · 2023-04-14T18:07:41Z

middle-click-popup

paint-snap (The one that has been commented here is an old version)

opacity-slider

message-filters (Shows everything instead of only a part)

mybearworld · 2023-04-15T09:50:01Z

pick-colors-from-stage

share-through-mystuff

sprite-properties

hide-project-stats (updated)

expanded-backpack

Samq64 · 2023-04-15T12:51:16Z

The grey check boxes make it look like they're disabled. That's probably just a browser thing though.

Could the block related addons be disabled in that screenshot?

mybearworld · 2023-04-15T12:58:21Z

The grey check boxes make it look like they're disabled. That's probably just a browser thing though.

It is.

Could the block related addons be disabled in that screenshot?

I'll do that.

mybearworld · 2023-04-15T14:04:54Z

Could the block related addons be disabled in that screenshot?

Changed!

mybearworld · 2023-08-19T09:31:09Z

forum-post-cooldown

Hans5958 · 2023-09-28T04:39:49Z

Original post have been edited to reflect the current status, as well as merging the progress message for better visibility (both so it is not hidden, and for the 9 to 23 tasks indicator).

Samq64 · 2023-09-28T12:07:46Z

Sorry, missed-clicked

Hans5958 · 2024-04-11T12:20:05Z

Added the recommended sizes of 800x600 to 1200x900, although making it smaller and bigger would be fine.

Samq64 · 2024-09-06T14:02:48Z

I think the current original post is overwhelming so most people don't bother submitting anything. Could some parts be shortened or put under <details>?

iqnite · 2024-09-10T08:49:44Z

paint-skew

iqnite · 2024-09-10T09:01:10Z

mediarecorder

Hans5958 added the help wanted Extra attention is needed label May 11, 2021

Hans5958 pinned this issue May 11, 2021

This comment was marked as outdated.

Sign in to view

Hans5958 added a commit that referenced this issue May 15, 2021

Add more addon images (@TheColaber)

10c0b79

#4 (comment)

Hans5958 mentioned this issue May 15, 2021

Help wanted: Complete images of each addon ScratchAddons/website#61

Closed

Hans5958 added good first issue Good for newcomers type: enhancement New feature or request labels Jun 11, 2021

Hans5958 added the scope: content Related to the contents of the website, excluding blog and docs label Jun 30, 2021

Hans5958 mentioned this issue Jan 22, 2023

Have contributed? Get your name on the list here! (January 2023) ScratchAddons/contributors#250

Open

Hans5958 added a commit that referenced this issue Feb 4, 2023

Remaster addon images

e2964db

Related: #4

Hans5958 unassigned cobaltt7 Apr 15, 2023

Hans5958 mentioned this issue May 20, 2023

Add some images #334

Merged

Hans5958 mentioned this issue Aug 23, 2023

Update images and add 1.34 addons #375

Merged

Hans5958 mentioned this issue Sep 28, 2023

Use the High Contrast color mode in block screenshots #385

Open

Hans5958 changed the title ~~Complete images of each addon~~ Complete (and update!) images of each addon Sep 28, 2023

Samq64 closed this as completed Sep 28, 2023

Samq64 reopened this Sep 28, 2023

Hans5958 mentioned this issue Nov 12, 2023

Add random direction block image #397

Merged

This was referenced Apr 11, 2024

Add some missing addon screenshots #423

Merged

Added image for auto-follow-topics #422

Merged

Hans5958 mentioned this issue Jul 10, 2024

Contributing to the website #468

Open

Complete (and update!) images of each addon #4

Complete (and update!) images of each addon #4

Comments

Hans5958 commented May 11, 2021 • edited by Samq64 Loading

Guidelines

Progress

Missing Addons (3)

Improve (1)

Outdated (3)

Hard to Display (9)

Hans5958 commented May 11, 2021

This comment was marked as outdated.

TheColaber commented May 11, 2021

cobaltt7 commented May 11, 2021 via email

Hans5958 commented May 15, 2021

TheColaber commented May 15, 2021

TheColaber commented May 19, 2021

mxmou commented May 20, 2021

CST1229 commented Jul 2, 2021

Hans5958 commented Jul 2, 2021

CST1229 commented Jul 2, 2021

iqnite commented Jul 12, 2021

iqnite commented Jul 12, 2021

iqnite commented Jul 12, 2021

iqnite commented Jul 12, 2021

iqnite commented Jul 12, 2021

iqnite commented Jul 12, 2021

mxmou commented Jul 12, 2021

iqnite commented Jul 12, 2021

cobaltt7 commented Jul 12, 2021 via email

Hans5958 commented Jul 12, 2021 • edited Loading

mxmou commented Jul 12, 2021

CST1229 commented Jul 12, 2021

iqnite commented Jan 18, 2023

Hans5958 commented Jan 22, 2023 • edited Loading

Hans5958 commented Feb 4, 2023 • edited Loading

CST1229 commented Feb 4, 2023

mybearworld commented Apr 14, 2023

mybearworld commented Apr 15, 2023 • edited Loading

Samq64 commented Apr 15, 2023

mybearworld commented Apr 15, 2023 • edited Loading

mybearworld commented Apr 15, 2023

mybearworld commented Aug 19, 2023 • edited Loading

Hans5958 commented Sep 28, 2023 • edited Loading

Samq64 commented Sep 28, 2023

Hans5958 commented Apr 11, 2024 • edited Loading

Samq64 commented Sep 6, 2024

iqnite commented Sep 10, 2024

iqnite commented Sep 10, 2024

Hans5958 commented May 11, 2021 •

edited by Samq64

Loading

Hans5958 commented Jul 12, 2021 •

edited

Loading

Hans5958 commented Jan 22, 2023 •

edited

Loading

Hans5958 commented Feb 4, 2023 •

edited

Loading

mybearworld commented Apr 15, 2023 •

edited

Loading

mybearworld commented Apr 15, 2023 •

edited

Loading

mybearworld commented Aug 19, 2023 •

edited

Loading

Hans5958 commented Sep 28, 2023 •

edited

Loading

Hans5958 commented Apr 11, 2024 •

edited

Loading