Microsoft PowerToys in 2023 🚀

Fernando Guisbert Segales — Wed, 14 Dec 2022 15:28:43 +0000

PowerToys are a set of utilities designer for Windows you can download it via Github or Microsoft Store.

PowerToys have a lot of tools but in this post I will show you the most useful ones that you should give it a try.

HOW TO INSTALL IT? 💻

I highly recommend you install it via Github in the following link
🔗PowerToys Github v0.65.0 - 2022/12
Go to the bottom and select the installer of your preference.

But if you want more info like requirements you can check it here
🔗PowerToys Page

UTILITIES

Now here are the best utilities that I found in PowerToys

1️⃣ ALWAYS ON TOP

With this tool you can pin as the top of all the windows any app you want.

🤔 HOW TO USE IT

Just go to any window or app you want to stay pinned then activate it with the shortcut 🔑 and it will have a blue line around it and It will be pinned until you turn in off.

🔑 SHORTCUT

Win + Ctrl + T

💻 PREVIEW

2️⃣ FANCYZONES

With this tool you can arrange your different apps in your screen

🤔 HOW TO USE IT

First press the shortcut 🔑 and a new window will be opened with different layouts just select the one you like or create a custom one.
Second based on the first step select the window you want to arrange and just press Shift so a blue layouts will be showed to you so you can put your window in any of them.

🔑 SHORTCUT

Select the layout => Win + Shift + `
Arrange a window => Shift + Click on your window

💻 PREVIEW

3️⃣ PREVIEW EXPLORER

You can see the content of different files like

SVG icons (.svg)
Markdown files (.md)
Source code files (.cs, .cpp, .rs, ...)
PDF files (.pdf)
G-code files (.gcode)

🤔 HOW TO USE IT

In this case open the PowerToys app > Select File Explorer add-ons utility and enable it.
Then go to a File explorer > View > select Preview Pane.

💻 PREVIEW

4️⃣ IMAGE RESIZER

🤔 HOW TO USE IT

First open it in the PowerToys settings and create custom sizes that you will use.

Second select any image and right click and choose Resize pictures then select the size and finally press Resize button.
It will create a new picture with the new size and keep the original too.

5️⃣ FIND MY MOUSE

There are some times we cannot find our pointer or when we are explaining something we want to highlight something this tool help us a lot.

🤔 HOW TO USE IT

Just press the shortcut and there is the magic but you can modify it in the PowerToys settings.

🔑 SHORTCUT

Double press on Ctrl

💻 PREVIEW

6️⃣ RUN UTILITY

It's a quick launcher like Mac OS or linux for Windows

🤔 HOW TO USE IT

By default it's enabled on PowerToys settings and to use it just press the shortcut and type the file or app you want to open, search on the web even fast math calculations.

🔑 SHORTCUT

Alt + Space

💻 PREVIEW

7️⃣ QUICK ACENT

These tool will help you in these cases where you want to type a letter with accent for like ñ or ë, etc. We usually search these letters on the web or try to configure or keyboard for a specific country but not anymore.

🤔 HOW TO USE IT

Press any letter combined with the key space so at the top you will see a bar with the possible letters

💻 PREVIEW

8️⃣ TEXT EXTRACTOR

There are sometimes you can to copy a text from an image or webpage but it's difficult because you need to rewrite it but with this tool it will simplify your work.

🤔 HOW TO USE IT

Just type the shortcut and a pointer will be opened then select the image or section where you want to extract the text and go to any text editor and paste Ctrl + v.

🔑 SHORTCUT

`Win` + `Shift` + `T`

These are just some tools you can find more useful ones there just give it a try 🚀

⚠ Don't forget to update the app and new releases
⚠ Check the settings for each tool in order to check if it's activated or not

Multiple Events to a Listener with JavaScript

Fernando Guisbert Segales — Sun, 20 Sep 2020 08:36:00 +0000

When we code we usually have one event for one listener but there are cases where we need to add more that one event for the same listener.

Wrong way

The first thing that can come to our mind can be the next code:

But It’s not possible to add two different events for one listener like we did above, so we have different ways to achieve our goal and I will show you 3 ways to do it.

Way 1

We can create 2 events listeners each one for the button element.

Way 2

We can create a variable “myEvents” to store the event listeners and split them and finally loop with a forEach and assign each event listener.

Way 3

We can store our event listeners into an array and loop with a forEach and assign each event listener.

Results

You can watch the results of the code we have seen above in the next image. If you want to test it you can download the code which is store in Github in the next link as a little project:

Link Github Project

Conclusion

The “Way 3” is the best option so far if we want to add multiple events to a listener this way you can avoid rewrite the same code over and over again and remember “Don’t Repeat Yourself”.

DEV Community: Fernando Guisbert Segales

Microsoft PowerToys in 2023 🚀

HOW TO INSTALL IT? 💻

UTILITIES

1️⃣ ALWAYS ON TOP

🤔 HOW TO USE IT

🔑 SHORTCUT

💻 PREVIEW

2️⃣ FANCYZONES

🤔 HOW TO USE IT

🔑 SHORTCUT

💻 PREVIEW

3️⃣ PREVIEW EXPLORER

🤔 HOW TO USE IT

💻 PREVIEW

4️⃣ IMAGE RESIZER

🤔 HOW TO USE IT

5️⃣ FIND MY MOUSE

🤔 HOW TO USE IT

🔑 SHORTCUT

💻 PREVIEW

6️⃣ RUN UTILITY

🤔 HOW TO USE IT

🔑 SHORTCUT

💻 PREVIEW

7️⃣ QUICK ACENT

🤔 HOW TO USE IT

💻 PREVIEW

8️⃣ TEXT EXTRACTOR

🤔 HOW TO USE IT

🔑 SHORTCUT

Win + Shift + T

These are just some tools you can find more useful ones there just give it a try 🚀

Multiple Events to a Listener with JavaScript

Wrong way

Way 1

Way 2

Way 3

Results

Conclusion

`Win` + `Shift` + `T`