12 bài

數位工作的基礎、設計與最後打磨

從瀏覽器與 HTTP 出發，依序認識 CSS、無障礙設計與字體，再使用專注、文字、圖片與文件交付工具完成最後整理。

Tuyển chọn bởi moalier.picks Chia sẻ

1. 01#Development以瀏覽器為起點，針對網路進行構建涵蓋網路基礎知識、重點課程、瀏覽器相容性和可存取實施的實用路線。 框架使許多事情變得方便，但瀏覽器仍然決定頁面的行為。 HTML、CSS、JavaScript 和可訪問性方面的基礎使不熟悉的工具不再那麼神秘。這些參考資料適用於您可以安全地檢查、變更和破壞的小型專案。 首先嘗試這個 建立一個帶有標題、表單和清單的小頁面。了解MDN中的底層功能，4 liên kết
2. 02#Development在指責框架之前閱讀一個 HTTP 交換用於了解瀏覽器發送內容和伺服器回傳內容的解釋、參考和請求測試服務。3 liên kết
3. 03#Development讓 CSS 佈局適應真實內容四個 CSS 解釋集合，用於理解佈局約束、彈性大小以及完美模型可以隱藏的尷尬情況。4 liên kết
4. 04#Development針對感覺緩慢的頁面的調試工作台瀏覽器文件和效能參考，用於將「感覺很慢」轉變為可重複的觀察和有重點的下一步。4 liên kết
5. 05#Design需要理由的決策的設計參考透過一小部分可用性研究、可訪問性指南、互動原則和排版課程，超越視覺靈感。 精美的參考可以展示螢幕的外觀，而無需解釋其工作原理。當設計審查變成一場偏好競賽時，擁有使決策可討論的資源會有所幫助。該集合從用戶行為轉向存取、互動和閱讀細節。 首先嘗試這個 選擇一個真實螢幕和一個問題：4 liên kết
6. 06#Design閱讀設計系統組件背後的推理用於研究組件的四個公共參考資料，作為有關內容、行為和存取的決策，而不是一系列有吸引力的控制項。4 liên kết
7. 07#Design用段落而不是字型名稱來判斷排版實用指南、字體縮放工具、面向螢幕的系列以及用於測試文字實際閱讀方式的真實檔案。4 liên kết
8. 08#Design測試人們真正會閱讀的顏色對對比檢查器和視覺比較，用於評估調色板預覽之外的文字和介面顏色。3 liên kết
9. 09#Productivity一個小工具包，用於需要您關注的工作計時器、素描畫布、辦公室套件和筆記本：四種具有不同功能的工具和簡單的嘗試方法。 新的生產力系統可能會比它原本要支持的工作吸引更多的注意力。這個集合故意將角色分開：為任務騰出空間，勾勒想法，生成文檔，並為下次留下筆記。您不需要採用全部四個。 首先嘗試這個 選擇您的工作目前停止的點。如果開始困難，請嘗試短時間的4 liên kết
10. 10#Productivity用於需要不同形狀的文字的小型工作台用於檢查結構化文字、應用可重複轉換以及在其他地方使用之前檢查結果的三個工具。3 liên kết
11. 11#Productivity一個用於將圖像發送到網路的小型工作台一個專門的圖像工具包，用於編輯來源、比較壓縮、清理 SVG 和檢查小動畫。4 liên kết
12. 12#Productivity在發送文件前最後一次使用的小工具包PDF 組裝、文字比較和編寫修訂工具，用於檢查其他人實際收到的文件。4 liên kết

Xem hồ sơ