線上影片有多種格式，有時想從 html 源碼或瀏覽器 inspect 工具找影片連結又非常困難！這篇分享一個簡單的方法，透過網頁媒體嗅探工具取得連結，再利用工具下載影片，讓我們一起來學習吧！

Chrome Extension 的 background、content script、popup script 各自跑在獨立的 js 空間中，若要傳送資料只能透過 chrome 提供的 message api。可是在不同的情境中有時可以雙向發起訊息交換，有時只能單向，對於初學者而言有點複雜。於是決定統整成這一篇，希望能夠整理各種情境，提供後續開發參考使用。我們就一起來看看吧！

NFT 雖然是架構在去中心化的區塊鏈上，但我們查看或交易的時候，依然習慣前往中心化的 OpenSea 或者 Rarible 等平台。如果想從 Etherscan 直接查看，卻只能看到 contract 的狀態，如 token 擁有者或是轉移歷史等。依然無法看到「眼睛想看」的 JPG。能夠透過 Web3.js 簡單搭建一個去中心化的網站來達成這件事嗎？這篇文章即是分享實驗的經過。

本篇分享如何使用 IPFS 架設網站，分別提供使用第三方服務 Pinata 託管的方法，或是折騰自己架設 IPFS 節點。最後使用 CloudFlare 綁定網域，脫離落落長的 IPFS 網址。以及探討一下，使用 IPFS 架站的網站速度是否滿意。

Web3.js 是以太坊推出的官方 library，可以透過他開發與區塊鏈互動的應用。IPFS 是一個點對點傳輸協議，可以透過他架設去中心化網站。但使用前端框架架設時會有什麼坑要避免呢？在這邊分享幾個經驗讓大家避免踩坑

本篇分享 image map 影像地圖的基本介紹、如何用工具快速建立 image map，以及動態改變 image map area coordinates。