Forem: Ivan

vscode extension to optimize images and improve performance.

Ivan — Fri, 10 Mar 2023 18:00:09 +0000

redim

Redim is a simple vs code extension to optimize images using commands.

💻 Features

✅ Optimize the images in your local folder by using one command
✅ redim converts your images to webp
✅ Improve the performance of your web site by optimizing the size of your images.

💻 New Features version 0.2.0

✅ Added 6 new Commands to automatically download the optimized file to your folder.

🔥 Motivation

This project was created to participate in @midudev hackathon: Cloudinary CloudCreate, in collaboration with Cloudinary. Using the amazing cloudinary service, I made the extension with the nodejs SDK provided by cloudinary and you will be impressed how useful and clear it is to use.

🛠️ Installation

Go to https://marketplace.visualstudio.com/items?itemName=Redimvs.redim or install from vs code

💻 How to use

It's very simple and easy to use.

1. Copy the entire path of the image from your folder
2. Go to the command palette and type 'redim', then you can choose to get a link to the optimized file in the cloud or download the optimized file. You will see different quality values, select the one you want to try.
3. Next, paste the path into the input and an info box will show you the link to the optimized image or the downloaded image in your folder as 'filename-optimized.webp'

Tip: Using redim quality : 90 reduces the size of your image without losing quality.

You can save the link and use it inside your html tags instead of uploading the image from your local, and the image is hosted on cloudinary.

The performance is improving by reduce size image

Comparison of the size value of the original image with the size value of optimized images setting different image qualities:

Original Image size = 6.64 MB

Optimized Image quality 100% size = 4.45 MB

Optimized image quality 60% size = 334.15 KB

Upcoming Features

- Select the file to optimize using quickpick function
- Option to optimize all files
- Optimize the file by right clicking and selecting the option.

What do developers want?

Ivan — Tue, 18 Oct 2022 19:43:20 +0000

I would like to know which is the most loved or most hated programming language in the DEV community.
Tell me which is your favorite language and if you want your opinion too.

If you want to know what are the most used programming languages and technologies you can get an idea by looking at the links below.

[**Manfred Developer Career Report**](https://www.getmanfred.com/developer-career-report) [**The 10 Most Popular Programming Languages Of 2022** ](https://www.codecademy.com/resources/blog/most-popular-programming-languages-2022-stack-overflow/) [**Most popular technologies by Stack Overflow**](https://survey.stackoverflow.co/2022/#section-most-loved-dreadedand-wanted-programming-scripting-and-markup-languages)

Top 9 Cool Themes for Visual Studio Code

Ivan — Thu, 13 Oct 2022 00:29:28 +0000

I love VS code💙, I think it is the best code editor nowadays. When I'm going to start programming and moving my hands, first, I like to set up my vscode by choosing some theme that I feel comfortable with at that moment, I usually change my themes every week because I get bored very fast, it depends on how I feel.
I want to show you unique and original themes.
Here are nine awesome VSCode themes you can start using today.

Tokio Night Light

soft era

Snazzy light

Blueberry dark theme

flairyfloss

Tokio night

Tomorrow Night Blue

Dracula

Strawberry Theme

I don't know How To Structure Files in my Projects...

Ivan — Mon, 29 Aug 2022 08:47:00 +0000

Hi everyone ! Can anyone help me by providing a source or way to better understand how I can structure the files in my projects? Best practices...
Here is a link that may help you : patterns.dev