更新:
2019.5.21
修復了幾十處 Gallery 中圖片無法顯示的問題
這個問題產生的原因是因為原始的數據中有很多重復的圖片,也就是圖片完全一樣,但是圖片名稱後面多了_2 或者_3 這樣的後綴。我在上一次添加 Gallery 的時候已經去除了重復圖片,並且在 Gallery 代碼中去掉了_2 或者_3 這樣的後綴

Cambridge Online 詞典。
網址在這裡:https://dictionary.cambridge.org/dictionary/english/great 
數據為全新抓取,保留所有原網站上的重要信息。

具體內容:
Cambridge Advanced Learner's Dictionary Fourth Edition
Cambridge Academic Content Dictionary
Cambridge Business English Dictionary
當前詞條的前後數個詞條的鏈接
原網站提供的所有的搜索才能得到的內容,比如當前詞條相關的 Phrasal Verbs 和 Idioms 等等
獨立抓取制作了包括英音和美音的發音文件
CALD 中的 Smart Thesaurus 是很有特色也是極其有用的一個學習工具,針對 Smart Thesaurus 制作了一個 Smart Thesaurus Viewer,並提供了查詢功能,方便你在所有的 Thesaurus 中快速查詢自己感興趣的主題。查詢分為普通查詢和模糊查詢,具體見下面圖中實例。
所有頁面都為 Responsive 的設計,頁面顯示方式根據你瀏覽的設備屏幕分辨率自動調整顯示樣式。不瞞大家說,為了學習這個東西到底怎麼設計,我最近幾周在 Youtube 上的觀看歷史全是 HTML 和 CSS 相關的視頻...。
頁面 CSS 除了 smart thesaurus 部分參考的原始頁面,因為要確定哪些是常用的哪些是不常用的,然後據此設定不同的字體大小。除此外的所有 CSS 全部是按我自己的審美重新編寫。
詞條 CSS 設計原則就是我自己的原則,最主要就是結構必須非常清晰,顏色鮮豔,重點突出。比如 Smart Thesaurus 比較重要,所以所有的 Smart Thesaurusu 部分都有彩色的上邊框,方便你在滾動頁面過程中快速注意到 Smart Thesaurus 部分。
原始頁面某些部分結構不清晰,據此我修改了原始頁面的大量細節,使得詞條結構更清晰,沒有任何垃圾信息。