Recent Posts

HTTP Status Code In Rails

1 minute read

Rails將這些HTTP Status定義成有意義的單字。讓我們可以在使用的時候減少因為背錯而發生錯誤的機率。 使用方式 用symbol加上單字即可取代原本的HTTP Status Code(500) render status: 500 render status: :forbidden 這些Symb...

Atom殺手級套件介紹

less than 1 minute read

這次來介紹兩個殺手級套件,以及其他的輔助的畫面跳躍套件來完善atom快速鍵不足的地方。 jumpy 運用他你可以快速的跳躍到畫面中程式的任何一個地方,只需按下shift + enter。 如果你使用atom-Material-UI這個套件的話可能畫面會變得像這樣。 這時候在選單列選擇 atom &g...

Ruby中冒號開頭Symbol與&:to_s用法解釋

less than 1 minute read

本篇介紹Ruby中特有的寫法,將解答&:to_s和:symbol這兩種寫法的意義。並依序介紹以下議題: Symbol和String的不同之處 分別宣告兩個symbol與string。 [22] pry(main)> sym = :abc => :abc [23] pry(main)>...

練習:使用SASS開發Portfolio (1) Header 與 Footer

less than 1 minute read

標題列(Header) 固定的標題 往下捲動時仍然會固定在上方 幫header加上position: fixed可以做到這個效果。透明的效果則是使用background: rgba(0, 0, 0, 0.8)。 標題列的水平置中 這邊使用的水平置中技巧是使用CSS 垂直置中的3種方法中的設定行高(l...

使用SMACSS製作button

less than 1 minute read

module抽離出常用元件,負責大致的外觀 SMACSS是Jonathan Snook所發表的一個CSS/SASS的設計模式。在製作button時我們會把它放在module資料夾底下,並存成檔名為_btn.scss。在modules資料夾中的_btn.scss裡面撰寫Button的外觀,需要注意的是不包含顏色和...