<h2 id="dailydev">daily.dev</h2>
<p><a target="_blank" href="https://daily.dev/">daily.dev</a> là trang <code>new tab</code> tổng hợp thông tin trending từ các nguồn trang web xịn xò dành cho dev.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1620125026976/mFZ76gh-k.png" alt="daily-dev-done.png" /></p>
<h2 id="bookmark-sidebarhttpschromegooglecomwebstoredetailbookmark-sidebarjdbnofccmhefkmjbkkdkfiicjkgofkdhhlen"><a target="_blank" href="https://chrome.google.com/webstore/detail/bookmark-sidebar/jdbnofccmhefkmjbkkdkfiicjkgofkdh?hl=en">Bookmark Sidebar</a></h2>
<ul>
<li>Giúp dễ dàng navigate giữa các trang bookmark thông qua trang quản lý bookmark riêng.</li>
<li>Dễ dàng quản lý thông qua drag drop, lưu lại trạng thái cây bookmark trước đó đang mở và scroll.</li>
</ul>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1620904442264/hvtR7BPF6.png" alt="Screenshot from 2021-05-13 18-06-18.png" /></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1620904458367/2x3DQ3hQi.png" alt="Screenshot from 2021-05-13 18-06-48.png" /></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1620904470987/QAr_aQJh7.png" alt="Screenshot from 2021-05-13 18-07-16.png" /></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1620904480021/KVIb9nqpU.png" alt="Screenshot from 2021-05-13 18-07-34.png" /></p>
<h2 id="dark-readerhttpschromegooglecomwebstoredetaildark-readereimadpbcbfnmbkopoojfekhnkhdbieehhlen"><a target="_blank" href="https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh?hl=en">Dark Reader</a></h2>
<p>Hóa <code>Dark theme</code> cho mọi trang web mà bạn muốn, cùng nhiều tính năng chỉnh độ sáng tối.</p>
<h2 id="gitako-github-file-treehttpschromegooglecomwebstoredetailgitako-github-file-treegiljefjcheohhamkjphiebfjnlphnokkhlen"><a target="_blank" href="https://chrome.google.com/webstore/detail/gitako-github-file-tree/giljefjcheohhamkjphiebfjnlphnokk?hl=en">Gitako - GitHub file tree</a></h2>
<p>Nêu là người hay đọc code trên github, bạn cần 1 cây thư mục source-code như trên Editer.</p>
<h2 id="lightshot-screenshot-toolhttpschromegooglecomwebstoredetaillightshot-screenshot-toolmbniclmhobmnbdlbpiphghaielnnpgdphlen"><a target="_blank" href="https://chrome.google.com/webstore/detail/lightshot-screenshot-tool/mbniclmhobmnbdlbpiphghaielnnpgdp?hl=en">Lightshot - screenshot tool</a></h2>
<p>Chụp ảnh và bôi đỏ chỗ cần đánh dấu khi bạn đang dùng đa nên tảng (linux, macOS và Win).</p>
<h2 id="json-viewerhttpschromegooglecomwebstoredetailjson-viewergbmdgpbipfallnflgajpaliibnhdgobhhlen"><a target="_blank" href="https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh?hl=en">JSON Viewer</a></h2>
<p>Tránh loạn măt với chuỗi JSON trả về từ API.</p>
<h2 id="open-in-vs-codehttpschromegooglecomwebstoredetailopen-in-vs-code-github1scneloiopjjeflfnecdlajhopdlojlkhllhlen"><a target="_blank" href="https://chrome.google.com/webstore/detail/open-in-vs-code-github1sc/neloiopjjeflfnecdlajhopdlojlkhll?hl=en">Open in VS Code</a></h2>
<p>View source-code từ github với 1 VS Code online ngay trên trình duyệt.</p>
<h2 id="github-file-iconshttpsgithubcomlvarayutgithub-file-icons"><a target="_blank" href="https://github.com/lvarayut/github-file-icons">github-file-icons</a></h2>
<p>View source-code từ github dễ dàng hơn.</p>
<h2 id="react-developer-toolshttpschromegooglecomwebstoredetailreact-developer-toolsfmkadmapgofadopljbjfkapdkoienihihlen"><a target="_blank" href="https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en">React Developer Tools</a></h2>
<blockquote>
<p>It allows you to inspect the React component hierarchies in the Chrome Developer Tools.</p>
</blockquote>
<p>View cây component dễ dàng hơn.</p>
<h2 id="cssviewerhttpschromegooglecomwebstoredetailcssviewerggfgijbpiheegefliciemofobhmofgce"><a target="_blank" href="https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce">CSSViewer</a></h2>
<p>View chính xác CSS đang được hiển thị thay vì mò trong đống CSS source-code.</p>
<hr />
<p>Photo by <a href="https://unsplash.com/@richygreat?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Richy Great</a> on <a href="https://unsplash.com/s/photos/browser?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></p>


## daily.dev

[daily.dev](https://daily.dev/) là trang `new tab` tổng hợp thông tin trending từ các nguồn trang web xịn xò dành cho dev.


![daily-dev-done.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620125026976/mFZ76gh-k.png)

## [Bookmark Sidebar](https://chrome.google.com/webstore/detail/bookmark-sidebar/jdbnofccmhefkmjbkkdkfiicjkgofkdh?hl=en)

- Giúp dễ dàng navigate giữa các trang bookmark thông qua trang quản lý bookmark riêng.
- Dễ dàng quản lý thông qua drag drop, lưu lại trạng thái cây bookmark trước đó đang mở và scroll.

![Screenshot from 2021-05-13 18-06-18.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620904442264/hvtR7BPF6.png)

![Screenshot from 2021-05-13 18-06-48.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620904458367/2x3DQ3hQi.png)

![Screenshot from 2021-05-13 18-07-16.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620904470987/QAr_aQJh7.png)

![Screenshot from 2021-05-13 18-07-34.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1620904480021/KVIb9nqpU.png)

## [Dark Reader](https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh?hl=en)

Hóa `Dark theme` cho mọi trang web mà bạn muốn, cùng nhiều tính năng chỉnh độ sáng tối.

## [Gitako - GitHub file tree](https://chrome.google.com/webstore/detail/gitako-github-file-tree/giljefjcheohhamkjphiebfjnlphnokk?hl=en)

Nêu là người hay đọc code trên github, bạn cần 1 cây thư mục source-code như trên Editer.

## [Lightshot - screenshot tool](https://chrome.google.com/webstore/detail/lightshot-screenshot-tool/mbniclmhobmnbdlbpiphghaielnnpgdp?hl=en)

Chụp ảnh và bôi đỏ chỗ cần đánh dấu khi bạn đang dùng đa nên tảng (linux, macOS và Win).

## [JSON Viewer](https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh?hl=en)

Tránh loạn măt với chuỗi JSON trả về từ API.

## [Open in VS Code](https://chrome.google.com/webstore/detail/open-in-vs-code-github1sc/neloiopjjeflfnecdlajhopdlojlkhll?hl=en)

View source-code từ github với 1 VS Code online ngay trên trình duyệt.

## [github-file-icons](https://github.com/lvarayut/github-file-icons)

View source-code từ github dễ dàng hơn.

## [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)

>It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

View cây component dễ dàng hơn.

## [CSSViewer](https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce)

View chính xác CSS đang được hiển thị thay vì mò trong đống CSS source-code.

---

Photo by <a href="https://unsplash.com/@richygreat?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Richy Great</a> on <a href="https://unsplash.com/s/photos/browser?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>


developer chrome extentions

chrome extentions hữu tích cho developer 🧱

loclv blog, IT, công nghệ, frontend, backend, techtalk, Lưu Vĩnh Lộc, Luu Vinh Loc

Vietnamese / Ja / En  🧑‍💻 blog

Vietnamese / Ja / En  🧑‍💻 blog

chrome extentions hữu tích cho developer 🧱

daily.dev

Bookmark Sidebar

Dark Reader

Gitako - GitHub file tree

Lightshot - screenshot tool

JSON Viewer

Open in VS Code

github-file-icons

React Developer Tools

CSSViewer