網絡

如何修復累積佈局移位 (CLS) 問題

Google 的 Core Web Vitals 計劃席捲了 SEO 和 Web 性能領域,許多網站都在忙於優化他們的頁面體驗以最大化排名因素。 Cumulative Layout Shift 指標給很多網站帶來了麻煩,所以讓我們看看解決該指標的任何問題的方法。

閱讀更多

提高在線商店的性能(案例研究)

對於任何網站來說,從 Google 獲得良好的性能分數都很難——但對於在線商店來說,做到這一點就更難了。 我們取得了綠色分數——甚至在移動方面取得了好幾個分數。 這是我們如何做到的。

閱讀更多

向所見即所得編輯器添加評論系統

在本文中,我們將重新使用在第一篇文章中構建的基礎 WYSIWYG 編輯器,為 WYSIWYG 編輯器構建一個評論系統,使用戶能夠選擇文檔中的文本並分享他們對它的評論。 讓我們深入挖掘!

閱讀更多

對前端開發人員有用的 VS 代碼擴展

了解適用於 Web 開發人員的有用 Visual Studio Code 擴展:小幫手,可最大程度地減少減速和挫折,並在此過程中促進開發人員的工作流程。 具有自動日誌消息、自動代碼格式化、文件實用程序、文件標籤、代碼片段、高亮括號、標籤、縮進和工作區、入職和遠程 SSH。

閱讀更多

如何使用 Editor X 構建和啟動強大的響應式網站

雖然 Web 構建器已經存在了很長時間,但直到最近它們才真正用於專業用途。 縮小設計和代碼之間的差距已成為許多公司的北極星,我們看到了一波兌現這一承諾的工具。

閱讀更多

可訪問的 SVG:屏幕閱讀器用戶的完美模式

在比較操作系統、瀏覽器和屏幕閱讀器的不同組合時,了解我們應該避免哪些 SVG 模式以及哪些模式最具包容性。

閱讀更多

使用 Git 解決錯誤的指南(第 2 部分)

錯誤。 這些殘忍的惡棍甚至沒有停留在美麗的軟件開發世界。 但是,雖然我們無法避免犯錯,但我們可以學會撤消它們! 這篇文章將展示你日常使用 Git 的正確工具。

閱讀更多

一種減少字體加載影響的新方法:CSS 字體描述符

Web 字體通常對 Web 性能很不利,並且沒有一種字體加載策略能特別有效地解決這個問題。 即將推出的字體選項最終可能會兌現使後備字體與最終字體更容易對齊的承諾。

閱讀更多

CSS 容器查詢:用例和遷移策略

CSS 容器查詢使媒體查詢更接近目標元素本身,並使它們能夠適應幾乎任何給定的容器或佈局。 在本文中,我們將介紹 CSS 容器查詢的基礎知識,以及如何將它們與漸進式增強或 polyfill 一起使用。

閱讀更多

構建富文本編輯器 (WYSIWYG)

讓我們構建一個富文本、所見即所得的編輯器,它支持富文本、圖像、鏈接和來自文字處理應用程序的一些細微差別的功能。 我們將使用 SlateJS 構建編輯器的外殼,然後添加工具欄和自定義配置。

閱讀更多