👨‍💻 Beta Steemit Grid View V 1.1 | Applications for Google Chrome!

Hi all!

This is version 1.1 of the extension for Google Chrome.
Which implements the idea of a grid. Which is applied in real time. That is, when you select a page with posts, they are displayed according to the grid principle.
Also if you switch between
Popular
New
Payments
The page is also updated and displays all content through the grid.

Our application at the moment will consist of three files.
manifest.json

"manifest_version": 3, This is the version of the manifest itself and I started writing code with version 2, but it turned out to be outdated, so I had to delay the release and release it on version 3.

"name": "Steemit Grid View", This is the name of your extension. And for now it will be called that, but I think in the future we will change it. It will be displayed wherever the name is requested.

"version": "1.1", This is simply the version of your extension.

"description": "Display steemi.com posts in a grid view", This is a complete description of your extension.

"permissions": ["activeTab", "storage"], Here we indicate the permissions for our browser.

"content_scripts": Here we indicate the site itself on which the changes that we will write later should be applied.
As well as code in CSS and JS format.

The next file is content.js
(A full description of the code will be in the next post.)

The next file is styles.css (A full description of the code will be in the next post.)

I will describe the last two files in the next post so that this post does not turn out to be too long. But the link to download the code and study it will be below.
A post will also be created on how to properly add an extension to Google Chrome.

Download the Steemit Grid View extension for Google Chrome.

Let's make the app better together!

To be continued...

Beta version 1.1

Sincerely, your HardPhotographer