Member-only story
The Chrome extension seems a mystery tech until I watched the tutorial video from Brad Traversy. It’s so fun to get to know something web-related new.
I followed the video step by step. You get your own Chrome extension only with HTML and CSS, no Javascript surprisingly.
To build the small site, we need a HTML file.
the body structure has two parts: header and content
the header is a logo included
the content has four icon links in my demo, while you can add as many as you want.
For the fonts, I normally use Google Fonts.
For the icon, Font Awesome icon is the first choice.
So the HTML links were added in the head.
Next , css to layout the box.
Then we can upload it to the Chrome extension.
Open three dots on the right side of the browser →more tools →extension
Turn on the developer mode and load unpacked
