網絡
使用 CSS 漸變和縱橫比創建響應式圖像效果
CSS 中的一個經典問題是在相關組件（例如卡片）中保持圖像的縱橫比。 新支持的 `aspect-ratio` 屬性與 `object-fit` 相結合，為過去令人頭疼的問題提供了一種補救措施！ 讓我們學習使用這些屬性，以及創建響應式漸變圖像效果以獲得額外的天賦。
閱讀更多2021 年 GDPR 狀況：關鍵更新及其含義
作為數字從業者，GDPR 影響了我們職業和個人生活的方方面面。 無論您沉迷於 Instagram、在 WhatsApp 上向家人發送消息、從 Etsy 購買產品或 Google 信息，沒有人能逃脫 2018 年引入的規則。
閱讀更多建立自己的個人學習課程
作為開發人員，我們不斷學習新的語言和框架。 但是，您如何構建這種學習結構以確保在繼續進步的同時獲得最大收益？ 以下是您可以如何設計自己的課程以繼續朝著正確的方向前進。
閱讀更多Hugo 靜態站點生成器中的上下文和變量
在本文中，我們來看看流行的靜態站點生成器 Hugo 中的上下文和變量主題。 您將了解 Hugo 模板中的全局上下文、流控制和變量等概念，以及從內容文件通過模板到部分和基本模板的數據流。
閱讀更多DevTools 調試技巧和快捷方式（Chrome、Firefox、Edge）
DevTools 非常先進和有用，但也可能非常令人生畏和壓倒性的。 讓我們解決這個問題。 在本文中，Vitaly 回顧了在 Chrome、Firefox、Edge 和 Safari 中進行調試的有用功能和快捷方式。
閱讀更多優化視頻的大小和質量
將視頻添加到您的應用程序可以提高客戶參與度和滿意度。 但是，當視頻播放出現問題時，可能會發生完全相反的情況：視頻停頓令人沮喪，並將客戶趕走。 在本文中，我們將逐步介紹優化您網站上的視頻以確保快速播放並減少停頓的步驟。
閱讀更多粉碎研討會的期望：表單設計大師班
幾週前，我們組織了一個 [Form Design Masterclass](https://smashingconf.com/online-workshops/workshops/adam-silver)，與 Adam Silver 和 81 位友好而聰明的人一起參加了一個在線研討會。 今天，Adam 分享了他的經驗和細節，重點介紹了您作為參與者可以從 Smashing Workshop 中獲得什麼，以及運行該研討會時要記住的事項。
閱讀更多使用 React、Redux 和 Sanity.io 構建 Web 應用程序
Headless CMS 是一種強大而簡單的管理內容和訪問 API 的方法。 Sanity.io 建立在 React 之上，是用於靈活內容管理的無縫工具。 它可用於從頭開始構建從簡單到復雜的應用程序。 在本文中，Ifeanyi 解釋瞭如何使用 Sanity.io 和 React 構建一個簡單的列表應用程序。 全局狀態將使用 Redux 進行管理，應用程序將使用 styled-components 進行樣式設置。
閱讀更多TypeScript 中的動態靜態類型
在本文中，我們將了解 TypeScript 的一些更高級的特性，例如聯合類型、條件類型、模板文字類型和泛型。 我們希望以一種我們可以在大多數錯誤發生之前捕獲它們的方式來形式化最動態的 JavaScript 行為。
閱讀更多