關於接靜態網頁前端案，我常使用的一些服務

過去以來，接了非常多的靜態網頁前端專案，我簡單分享自身所使用的工具；當然，現在很多有的沒的產品，歡迎大家提供分享。

一、檔案

單純靜態的 HTML、CSS、JavaScript 及其他資源檔案。但可以特別介紹的一個 GUI 工作 Prepros

他有許多不錯的特點

• UI 還蠻好看
• 幫你起一個 localhost
• hot reload，你邊改瀏覽器不用重新整理！
• 可以編譯許多檔案 (Coffee, Stylus, SCSS… 等)
• 在同個 Wifi 下 Share 自己 local 端到自身手機或別人
• 手機桌機裝置同步（簡報時超好用，你可以用手機操控電腦上的網頁）

二、主機

我個人非常喜歡 Heroku，大概一個月七塊錢的方案就可撐起我在貝殼時很多集資案第一波進來的流量！甚至他支援 create-react-app 直接部署到 heroku，算是非常方便！ˇ

靜態網站部署方式

三、網址

網址可以買的地方沒什麼好說的，但可以參考兩樣資源：

• 加 https
• DNS 設定 (我通常設定 CNAME，Heroku 的 IP 是浮動的)

四、其他

1. 做響應式的時候，我最常偷懶的方法就是 media query 設定 max-width 在 992 px，但瀏覽器用 iphone5 或 6 去調整其 css 樣式。這樣的好處就是確保不會壓到字不會破版，但好不好閱讀或好不好用又是另外一回事了。
2. 承上，有時候你了解一下你的業主是用什麼裝置在看 … 可以優先處理，剩下再良心優化 …
3. 我喜歡使用 CSS 的 Flex 做響應式排版，一兩年前之前有做個小套件，雖然大多時候沒這麼好用而且其實我也沒在維護，但可以參考看看啦 XD -> http://www.dophlex.com/