Nice to Meet You

I’m Hannah, a Taiwanese 30 years old front end developer.
Learning and sharing always makes me happy, and I am interested in the new things including coding and design.

Skills

  • HTML, RWD
  • JS, ES6, AngularJs, VueJs, jQuery
  • CSS, SASS, SMACSS/MVCSS
  • PHP, Wordpress
  • Git, Gulp, webpack

Experience

  • 8+ years of working experience as a web developer, now is in afusion
  • Sass / css lecturer for prototype-hacker
  • Host a conference at FEDC
Contact me
# | Oct 8 2018

[環境起手式] 手指按兩下自動幫你 Compile scss & Live reload

本文適合給初學者跟懶惰者看(VSC 限定),就算你不會 npm , webkit, gulp 一樣沒問題,手指頭一動就可以寫 scss 囉 只要安裝下列兩個 extension,安裝完重新開啟 VS...

# | Jul 14 2017

vsc 寫 Markdown 並發佈在 Evernote

網路已經有很多整理 markdown 語法的文章,若還不清楚可以點上圖或看最下面的 Markdown (簡稱 md) 相關文章. Evernote 跟 Visual Studio Code (簡稱 ...

# | Jun 15 2017

我想要精通 git

之前使用 git 都是用到才查語法,所以想好好整理一下讓自己可以更有效率的使用! 以下文章是列出來自己常會弄錯或搞不清楚的地方 Basic Process 基本上有三個環境 local 你的所在...

#, , | Apr 20 2017

sc5 – style guide 產生器

不知道大家是怎麼做 style guide 的呢? 會介紹 sc5 是因為搜尋 “style guide generator” 他出現在 google 第一個...(誒 好爛的理由).當然實際用過後...

#, , | Mar 26 2017

Debugging JavaScript – devtools

一直以來都用 console.log() debug,雖然它很好用, 但卻需要來回的在編輯器跟瀏覽器之間測試, 最糟的是忘記把它刪掉,造成使用者還可以在原始碼看到他被註解起來的窘境 orz 其實是有...

# | Feb 17 2014

Github Page

每次看別人分享在github 的code 除了document 總會想看一下demo再決定自己要不要用 (不過蠻常沒看到的 :( ) 原來github自己有提供Github Page這個功能!! 操...

# | Sep 16 2013

ERB

去過rails girl之後 對我現在工作最有幫助除了瞭解一個網站拆成MVC如何運作之外 最實際的學習應該就是ruby的ERB html template了 它是什麼 ? 假如sass是簡化並標準化c...

# | Sep 7 2013

Ruby & Rails 安裝篇

Rails Girls真的是一場很有意義的workshop, 特別只給女生參加耶 本來我也以為會超少人報名 畢竟是Ruby... 感覺就很程式啊 結果300多個人報名 我超榮幸的被選上了~~ 超感謝...

# | Sep 7 2013

Ruby & Rails 安裝篇

Rails Girls真的是一場很有意義的workshop, 特別只給女生參加耶 本來我也以為會超少人報名 畢竟是Ruby... 感覺就很程式啊 結果300多個人報名 我超榮幸的被選上了~~ 超感謝...