【前端開發工具Grid】Sideproject

Chrome Extension 瀏覽器擴充套件

開發動機

身為工程師在前端開發做RWD切版時，一定會使用到隔線系統，滿足設計稿上各種的Grid System的需求，有時會遇到不是標準大家常用的系統，像是Bootstrap 12Grid以外的特殊隔線系統，或是在和設計師溝通對圖時，也會需要測試網站是否有對準隔線，於是開發了此擴充套件，也學習Chrome Extension是如何開發，利用自己開發的套件，也讓自己在工作及開發上可以有小工具幫助提升效率。

應用功能

載入擴充套件後，可以在Chrome瀏覽器使用開啟隔線，可以選擇Container或是Container-Fluid，也可自由調整12Grid以外的格線，在前端開發時可以隨時關閉開啟查看。

開發實作

• UI設計

• 程式

依照官方Chrome Extension開發準則開發。

使用Javascript和Jquery來處理邏輯和Html Dom。

Demo

目前尚未上架至Google web store，只能安裝在本機的瀏覽器上使用。

以hahow好學校網站為範例來demo擴充套件

關於我

Eating Wang

軟體工程師🙋，擅長全端網頁開發，RWD響應式網頁設計。
充滿好奇心，喜歡學習新知識，充實自己。

前端-Vue.js(Nuxt.js) / React.js / Node.js(Express)
後端-PHP(Laravel) / 區塊鏈智能合約Solidity