學科:Web前端/入門連結

• 學習HTML/CSS (2013 新兵訓練) http://kejun.github.io/bootcamp_htmlcss/ —— 克軍這個幻燈片很不錯
• 瀏覽器開發工具的秘密（翻譯） http://jinlong.github.io/blog/2013/08/29/devtoolsecrets/ —— 系統全面的介紹

Javascript

• Javascript定義類（class）的三種方法
• JSON in JavaScript http://www.json.org/js.html —— 簡而言之，安全的處理方式是：eval('(' + someJSONtext + ')')
• http://coolshell.cn/articles/9749.html Javascript 裝載和執行

布局

• Learn CSS Layout - 短小精悍的布局入門教程，推薦
• 自適應網頁設計（Responsive Web Design） by 阮一峰
• CSS3 Media Queries 詳解 by iifksp
• Solved by Flexbox https://github.com/philipwalton/solved-by-flexbox —— flex 的出現解決了以前需要些技巧才能實現的布局

其他

• 瀏覽器的渲染原理簡介 http://coolshell.cn/articles/9666.html
• CSS3 icon font完全指南 - 前端觀察
• 利用 CSS 分別設定中文字、英數、注音、假名的字體：使用 CSS3 @font-face， 其實是利用unicode-range給不同範圍的字符分別指定字體設置
• How to Build a CSS3 Sliding Menu By Craig Buckler