Hina Chen

Hina Chen

偏執與強迫症的患者,算不上是無可救藥,只是我已經遇上我的良醫了。

[影像] 花蓮。慕谷慕魚。太魯閣。天祥

前陣子去了花蓮。民宿包棟,浩浩蕩蕩的一群人,騎著機車到處跑。這是前往慕谷慕魚的中途,早上七點多到銅門派出所的時候,就已經開始排中午過後的入場次了!每天限定 600 人真的會秒殺!想要早上去看得人應該只有旅行社有辦法幫你弄到吧! [http://www.flickr.com/photos/hinablue/6108946143/] 所以轉往牛山呼亭,中途經過廁所休息一下。 [http://www.flickr.com/photos/hinablue/6108950581/] 牛山! [http://www.flickr.com/photos/

[AWS] 天邊一朵雲之 EC2 小筆記

總算是把部落格的東西全部丟到 AWS 上面了。原本以為會很順利的申請到 EC2 的,結果因為電話認證人品問題搞了三天才請 SDpower [http://blog.sd.idv.tw/] 幫我搞定。果真申請 Amazon Web Services 人品都要很好(喂)。 總結來說,AWS 申請算是很無腦的,只是有些地方需要仔細看一下,大抵上照著 Hank 的書 [http://www.books.com.tw/exep/

[SASS note.] CSS 逆向工程 Part 3

俗話說得好,事不過三,所以大抵上寫到 Part 3 就沒有什麼好說得了(揍飛)。其實 @mixin 的概念並不困難,他是很單純的可以當作是一個函式來用,也可以用 @include 來引入。而,使用 @include 引入的方式跟 @extend 與 Nested @import 其實很類似。 依照慣例,範例先上。 產出結果比較: 請注意輸出結果,基本上 Nested @import 跟 @mixin 的

[SASS note.] CSS 逆向工程 part 2

有了一點概念之後,接下來看的地方是嵌套(Nested)的部份。為什麼不講一些比較特殊的地方?因為那些不過就是一些花招而已(無誤),樣式的基本撰寫才是核心所在。而嵌套的作法由於會影響到 CSS 的樣式權重的關係,所以必須要特別留意撰寫的方式。 首先我們知道,可以用兩種方式來嵌套樣式: * @import 可以從外部引入 sass 檔案,也可以做樣式內部嵌套(Nexted @import) * @extend 直接引用已設定的樣式規則。 照慣例,範例先上,菜待會再說。 我們這邊需要兩個檔案,一個叫做 _import.sass,另一個叫做 _extend.sass,

[SASS note.] CSS 逆向工程 part 1

工欲善其事,必先利其器!如果你對 CSS 的基礎還不甚了解,請先把基礎打好再來(認真(無誤)。關於什麼叫做 SASS 的,請上網 Google 或是參考我之前 寫的文章 [https://blog.hinablue.me/entry/css-note-sass-strike-say-a-sexy-styling-strike],或是參考我的 投影片 [http://sass.hinablue.me](請用 Chrome 開啟)。 首先,對於已經開發的 CSS