某些情況下，<a> 元件被當成像 <button> 元件的控制按鈕，而非預設的連結功能。此時 href 屬性的存在與否會影響滑鼠與鍵盤事件的回應動作。 以下範例以簡單的 jQ .slideToggle() 測試不同情況的<a>對滑鼠與鍵盤事件的回應。 範例 以 jQ 的 .slideToggle() 作為測試 說明 範例中各元件互動回應說明，以 <button> 元件的 click function 作為參照標準

初步了解 VS Code workspace 建立一個專案的 workspace 並與 GitHub 關聯 Extensions: Live Server Extensions: Live Sass Compiler 的設定項目 VS Code 文字編輯的好用技巧 初步了解 VS Code Workspace Workspace 的概念 使 VS Code 的設定只在某個或某些個資料夾有效，不影響其他的資料夾。 工作區會儲存、恢復使用者介面（例如編輯器的 layout 、哪些檔案是開啟的）

養成 mobile first 的切版習慣 減少 html 巢狀層：以 HyUI header 和 footer 為例 @media screen and (min-width: $wwMaximum) 時的區塊、元件處理 css 單位 vw vh 在 RWD 的應用 養成 mobile first 的切版習慣 優先移動設備使用者體驗放在首位：＊使用手機上網比例已超過一半（58%+） 優先考慮資料內容，讓使用者舒適瀏覽網頁。 從小螢幕開始製作草圖或原型。在有限的空間中，確認每個關鍵元素都能呈現在畫面顯要的位置。