網絡
如何從零開始構建實時多用戶遊戲
本文重點介紹了構建實時遊戲 Autowuzzler 背後的過程、技術決策和經驗教訓。 了解如何使用 Colyseus 在多個客戶端之間實時共享遊戲狀態、使用 Matter.js 進行物理計算、將數據存儲在 Supabase.io 以及使用 SvelteKit 構建前端。
閱讀更多打造我一直想要的 SSG：11ty、Vite 和 JAM 三明治
早在 2020 年 1 月，Ben Holmes 就著手做幾乎每個 Web 開發人員每年都會做的事情：重建他的個人網站。 在這篇文章中，他分享了他如何從零開始構建自己的構建管道並創建“Slinkity”的故事。
閱讀更多與 Jeff Smith 一起粉碎播客第 42 集：什麼是 DevOps？
在本集中，我們將討論 DevOps。 它是什麼，它是添加到您的 Web 開發弓的字符串嗎？ 德魯麥克萊倫與專家傑夫史密斯交談以找出答案。
閱讀更多在 Next.js 支持的電子商務網站中解決 CLS 問題（案例研究）
Cumulative Layout Shift 是最難調試的核心 Web 之一。 在本文中，我們通過不同的工具來研究 CLS、何時使用它們（何時不使用），以及我們在基於 Next.js 的電子商務網站中遇到的一些 CLS 問題的解決方案。
閱讀更多針對常見 UI 挑戰的智能 CSS 解決方案
編寫 CSS 可能從未像現在這樣有趣和令人興奮。 在這篇文章中，我們將看看我們在工作中必鬚麵對的常見問題和用例，以及如何使用現代 CSS 解決它們。 如果您有興趣，我們最近還介紹了 [CSS 審計工具](https://www.smashingmagazine.com/2021/03/css-auditing-tools/)、[CSS 生成器](https:// www.smashingmagazine.com/2021/03/css-generators/），[前端樣板]（https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/）和[ VS 代碼擴展]（https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/）——你可能會發現它們也很有用。
閱讀更多用於使用 TypeScript 構建靈活組件的有用 React API
React with JSX 是製作易於使用的組件的絕佳工具。 Typescript 組件讓開發人員將您的組件集成到他們的應用程序中並探索您的 API 絕對是一種樂趣。 在本文中了解三個鮮為人知的 React API，它們可以讓您的組件更上一層樓，並幫助您構建更好的 React 組件。
閱讀更多