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 14 2018

[Bootsrtap 4 進階] 客製化你的 styles

誰適合閱讀 有用過一次以上 Bootstrap 的人 從 bootstrap 3 出來之後我非常頻繁的使用過一年,但在 CSS Flex 流行之後就不用了.為什麼? 因為案子 compo...

#, , | Apr 20 2017

sc5 – style guide 產生器

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

# | Mar 6 2017

SASS+COMPASS 開發初階/進階

兩年前在 prototype-hacker 教過許多堂 sass 初階跟進階的課 想想之後應該不會繼續再開課了 就把投影片放到網路上給需要的人囉 希望能對剛入門 Sass 或想知道進階 CSS 設計...

# | Mar 1 2013

[scss]補充

太佩服那些穩定發文的人了~ 偷懶了一個新年之後(好像不止...) 嘗試了第一個用scss寫的專案之後,研究了更多新東西,也發現了一些問題 我覺得用scss很容易發生Code Bloat,如何寫出乾...

# | Feb 1 2013

[scss]Compass

compass是啥? 其實就是scss的工具,有人講的很好,就像javascript跟jquery的關係一樣 她其實也是sass的framwork辣,簡單來說就是用很少的語法達到很強大的功能(這就是...

# | Jan 25 2013

[scss]安裝篇

聽說安裝compass也會順便裝sass(sass/scss是甚麼) 所以我就裝compass就好 1.安裝ruby 因為compass是用ruby語言開發的 2. 按下「Windows鍵」 + ...

# | Jan 24 2013

[scss]開始來用scss寫css吧

以前似乎有聽過sass,但從來沒用過 前陣子參加webconf聽到講者說 '今天來介紹sass/scss,一個讓我回不去過往寫css的語言' 讓我決定開始認識它 它跟css有甚麼不同 大至就像下圖 ...