【前端開發工具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擴充套件

{%hackmd _EHPKIzATq21pAJsYuAPtw %}