項目的 Demo 在 http://juy.fm 抽活。
相比起結(jié)構(gòu)設(shè)計和邏輯設(shè)計，寫樣式并沒有什么值得介紹的技術(shù)，加上我的審美也還停留在程序員這個層次上贸弥，目前想把樣式做好實在是有點(diǎn)「有心無力」的感覺，只能盡量遵循最最基礎(chǔ)的設(shè)計最佳實踐海渊，同時輔以一個 UI 框架降低門檻（我選用的是 Semantic-UI）绵疲。
樣式編寫中用到的幾個技巧多是現(xiàn)在頗為常見的：
- 利用 position: absolute 做垂直居中哲鸳，top 設(shè)為 50%，margin-top 設(shè)為 - height / 2盔憨；
- 鼠標(biāo) hover 到「關(guān)閉」按鈕上有放大動畫徙菠，利用了 CSS3 的 transition 和 transform 屬性；
- 本來還想利用 jQuery.animate() 實現(xiàn)兩個簡單的動畫效果郁岩，后來想想婿奔，意義不大，還是注釋掉了驯用。
明天就要引入 turn.js 的部分了脸秽，后續(xù)會越來越精彩！
Github 地址：完成輔助頁面的樣式
