[JS30-Day02] JavaScript-Clock

富貴本無根，盡從勤中得。 - 馮夢龍

JavaScritp30

• 30 Day Vanilla JS Coding Challenge

• Build 30 things in 30 days with 30 tutorials

• No Frameworks×No Compilers×No Libraries×No Boilerplate

[JS30-Day01] JavaScript-Drum-Kit

勇敢，事會成功；勤勞，幸福必來。

JavaScritp30

• 30 Day Vanilla JS Coding Challenge

• Build 30 things in 30 days with 30 tutorials

• No Frameworks×No Compilers×No Libraries×No Boilerplate

5分鐘瞭解VQMOD參數設定

培育能力的事必須不斷地去做，又必須隨時改善學習方法，提高學習效率，才會成功。 - 葉聖陶

vQMOD 目錄

視差滾動網頁設計 - 學習筆記

努力是成功之母。 - 賽凡提斯

概述 - 視差滾動

• 當使用者滾動滑鼠滾輪（捲軸）時，將多層背景以不同速度移動，形成3D的垂直運動效果，造成視覺上的錯覺並增加趣味性。
• 原理是在二維場景中創建一個深度錯覺，在攝影機移動過程中，讓背景圖像的移動速度比前景圖像慢。

10分鐘學會OpenCart主題修改vQmod

成名每在窮苦日，敗事多於得意時

第1步 創建空白的OpenCart主題

1.在catalog/view/theme/下創建一個mytheme文件夾，目錄架構該是這個樣子的：

介紹5個設計常用的網站

成功不是將來才有的，而是決定去做的那一刻，持續累積而成。

Piskel

Piskel：一個免費的動畫圖片在線編輯器

• 實時預覽：畫圖時，隨時查看動畫預覽。動態調整幀延遲。
• 導出為GIF，PNG：支持多種導出模式－ GIF、PNG、ZIP
• 私人畫廊：可以選擇向任何人公開或私人，私人只有你才能看見。
• Google登錄：無需記住另一個密碼，只需使用您的Google帳戶登錄。
• 開源GitHub：所有的代碼都是開源的，可以在GitHub上找到。
• 離線版本：Windows，OSX和Linux的免費桌面和離線應用程序。

10分鐘瞭解10個UX守則-下

當一個人一心一意做好事情的時候，他最終是必然會成功的。 - 盧梭

文章分享：LAWS OF UX

Miller’s Law - 米勒定律

概述 - 米勒定律

• 普通人只能在工作記憶中保留7（正負2）項目。
• 每當你訪問一個網站，無論是導航，佈局還是主頁上的自動旋轉圖像滑塊，您的大腦都必須學習如何使用，這段時間所需要的精力被稱為認知負荷。而處理和存儲這些信息的工作內存是有限的。
• 認知負荷的原因可以追溯到三個主要因素：1.選擇太多 2.思想要求太多 3.缺乏清晰度。

10分鐘瞭解10個UX守則-上

整體不是部分的總和。 - Kurt Koffka

文章分享：LAWS OF UX

Fitts’s Law - 費茨法則

概述 - 費茨法則

• 費茨定律指出：獲得目標的時間是目標的距離和大小的函數。隨著距離的增加，移動需要更長的時間，隨著尺寸的減小，再次選擇需要更長時間。
• 費茨法則多用於表現 指、點 這個動作的概念模型，無論是用手或者手指進行物理接觸，抑或是在電腦螢幕上用假想的設備（例如滑鼠）進行虛擬的觸碰。
• 用戶界面中目標的大小及其與用戶當前位置的距離會以多種方式影響用戶體驗。

10分鐘學會OpenCart核心模塊加載

只要做事正直，莫問成敗損益。

核心模塊概述

OpenCart提供了幾個免費核心模塊：

10分鐘學會OpenCart自定義主題

堅持了就是神話，放棄了就是笑話。

OpenCart預設主題結構

Image(圖像):所有有關主題的圖像文件都放在這裡。
Stylesheet(樣式表):樣式表的外觀相關代碼。
Template(模板):在這裡找到所有前端模板的文件。所有的模板文件模塊化，讓事情變得整潔乾淨。