5 參考資料

書籍

CSS Secrets 中文版：解決網頁設計問題的有效秘訣 https://www.tenlong.com.tw/products/9789863478744?list_name=srh

你所不知道的 JS | 導讀，型別與文法 (You Don't Know JS: Up & Going)

你所不知道的 JS｜範疇與 Closures，this與物件原型

深入淺出 HTML5 程式設計

深入淺出網站設計

深入淺出行動網站開發

深入淺出 HTML and CSS, 2/e

深入淺出 JavaScript 程式設計

深入淺出 jQuery

HTML

所有標籤：https://www.w3schools.com/tags/

更多 Meta Data：https://www.w3schools.com/tags/tag_meta.asp

更多的 HTML Entities：https://www.w3schools.com/html/html_entities.asp

事件列表 https://www.w3schools.com/tags/ref_eventattributes.asp

htmlreference https://htmlreference.io/

CSS

Can I Use：https://caniuse.com/

normalize css

效果：按鈕或區塊的邊框特效 - 1

效果：按鈕或區塊的邊框特效 - 2

課外讀物，命名方法論：OOCSS、SMACSS、SUITCSS、BEM、rscss(這個比較簡單)。

JavaScript

w3schools JS https://www.w3schools.com/js/

jQuery 官網 http://jquery.com/

jQuery 的 Ajax 完整官網資源 http://api.jquery.com/jQuery.ajax/

資料視覺化 ： D3.js

快速的幾個現成圖表：Chart.js

頁面上下滑的效果：ScrollMagic

視差滾動效果：Skrollr

網頁元件：Vue.js、Angular、react

APP：使用 React Native

做後端程式：Node.js

編譯工具：gulp.js、Babel、WebPack

其它連結

JSON Parser http://json.parser.online.fr/

XML Viewer https://codebeautify.org/xmlviewer

Unicode Character

在 html 及 css 中，顯示 emoji 的表情符號：https://codepen.io/carlos411/pen/eYZmpjx 然後以下這個網址是搜尋到的表情符號總覽：https://unicode.org/emoji/charts/full-emoji-list.html

GoDaddy 買網域

Percent-encoding

隨機整數