A naukri.com initiative
Medium
2M
417
Image Credit: Medium
I built a chrome extension, here’s how it went
- Choosing the right font for a website is a difficult task and picking fonts can make a lot of difference in the personality of the page.
- To save time, the author built a tool called Font Tester to preview Google fonts directly on a webpage and copy the code directly.
- The author chose to create a Chrome extension because of its dominant market share, despite using other browsers themselves.
- The extension uses a widget to preview and choose fonts, and attaches it directly to the webpage to make it easier to use and less annoying.
- The author used React.js and the antd component library to speed up the development process.
- The extension uses a ShadowDOM to ensure that webpage styling does not affect the extension's styling.
- Publishing the extension to the Chrome Web Store involved going through a review process with security measures in place, which took a few days to complete.
- The author encourages readers to check out the Font Tester extension and provide feedback.
- This project provides a reference for anyone interested in building their own browser extension.
- Overall, the author successfully built a Chrome extension to simplify the process of choosing fonts for a website.
Read Full Article
25 Likes
For uninterrupted reading, download the app