幫 Rails 建立一個 Docker Container吧
April 8, 2018
Rails 5 Docker webpacker
幫 Rails 建立一個 Docker Container吧
為什麼你要使用Docker？Docker最重要的價值是：有效解決環境配置、衝突的問題可以在一台機器上跑，就可以在所有的機器上跑。如果有問題的話，就會是大家的問題，大家一起解決XD
docker是建立一個container新的環境 ...
閱讀更多
前端永遠的課題：字體－呈現一致性的跨裝置
March 18, 2018
前端最主要就是將所有裝置能一致化顯示，今天來談談「字體」的部分大家都知道Windows, Linux, Mac三大作業系統，想當然也有其系統的內建字體，若只指定常見的微軟正黑體，其他作業系統沒有該字體，就會顯示該作業系統的預設字體，而不是微軟正黑體，這樣就沒有超能力隨心所欲控制字體了，這怎麼 ...
閱讀更多
Git筆記：移花接木的Rebase，整理commit訊息的好幫手
March 4, 2018
Git
Git 有個神奇的功能叫：Rebase，中文翻譯叫「變動基底」，簡單來說就是移花接木，把某一個樹枝（Branch）接到Master的主幹上等等功能，指定的節點可以重新 commit，花了一點時間做功課，把自己的理解的寫下來
為什麼要用 Rebase ？變動基底的話不就很危險嗎Rebase 的 ...
閱讀更多
Git push repo失敗： Could not resolve host: github.com
March 1, 2018
Git
今天在練習JavaScript時，正要把成果push到Git repo裡，出現Could not resolve host: github.com錯誤訊息，在此紀錄如何解決
錯誤訊息Could not resolve host: github.com
解決辦法
在終端機上先Ping gith ...
閱讀更多
做個超 AI 的響應式圖片吧，利用 HTML5 srcset 搭配 Rails Helper img_set_tag
February 17, 2018
Rails 5 RWD
做 Responsive Web Design 時難免少不了對圖片的處理，圖片能彈性隨著螢幕裝置大小調整，有多種做法可以參考。今天來探討使用 HTML5 新增的屬性 srcset 來搭配使用 Rails 的 Helper
通常做響應式圖片有兩種作法
使用同一張圖片，依照容器、螢幕尺寸放大縮 ...
閱讀更多
Rails 5 快速設置 favicon icon
February 10, 2018
Rails 5 Favicon Icon
現在的裝置上千幾種，Icon也針對各種裝置Andoroid、iOS各設置了不同大小尺寸的icon，如果在Rails內開發，可以參考以下的寫法。底下的Reference可以知道各個icon設置的用途適用於哪些裝置。
快速設置 Icon 步驟
在view/layouts下新增_favicon.h ...
閱讀更多
Git 修改又臭又長的指令，加快開發速度
February 9, 2018
Git
有辦法縮短Github指令嗎？git status, git commit -m',git checkout develop/layout,git pull origin master..是不是常常覺得輸入這些指令很繁瑣又長，有甚麼辦法可以縮短這些指令呢？
答案是有的！將Git常用 ...
閱讀更多
Git 筆記：我想回到過去，到底要怎麼坐時光機？
February 6, 2018
Git
Git 筆記：我想回到過去，到底要怎麼坐時光機？基本觀念
目前的位置叫做HEAD
沒被 git add進入commit的檔案untracked files，Git會選擇忽略，也不用怕被坐時光機回溯影響，reset、checkout對他們的影響力是0。
origin/master是遠端的res ...
閱讀更多
前端工程師一定要會的：Sass Mixin神器
January 29, 2018
Front-end Sass Mixin
Sass Mixin 神器，學會 Mixin 可以讓你在開發上的速度加快許多，快來看看如何使用吧
Sass Mixin 主要功能Sass Mixin 主要功能：省去重複撰寫相同 CSS 的時間
降低Pseudo(偽)元素撰寫時的重複性
重用群組的 CSS，像是prefix，用@includ ...
閱讀更多
VS Code 使用erb類型檔案時，Emmet快捷打html標籤跳不出來
January 5, 2018
Rails 5 VS Code Emmet
問題：使用VS code erb 無法自動跳出Emmet從Sublime跳到使用VS Code，已很習慣用Emmet來跳html標籤，但在用RoR(Ruby on Rail)時，像是index.html.erb這類的檔案，打.container TAB鍵應該會自動跳出<div cla ...
閱讀更多