最新的一期前端開發者干貨合集來了！在這個欄目當中，我們主要是給前端開發者提供各種實用有效的工具，其中不少工具也是設計師在設計過程中可以用得上的！
這是一個關于如何使用 svg 元素的說明和提示文檔。SVG 格式的文檔比起傳統的圖片有著更高的靈活度，而svg 元素之內還可以包含的更為豐富的可控的屬性和標簽，比如 path、g 和 circle 等。
你有沒有碰到過這樣的情況，就是你已經按照網上所有的建議針對你的網站進行了優化，但是在打開網站的時候依然非常的緩慢？這種問題很有可能出在 TTFB 上，也就是所謂的能否檢測到「Time to First Byte」。CSS Wizardry 的這篇文章將會會為你詳細解釋如何針對 TTFB 進行優化。
優秀的可訪問性設計讓網站更容易被訪問，尤其是針對有行動障礙的用戶而言。Lindsey 的這篇文章將會教你如何設計無障礙的輸入。你將會發現，創建可訪問性較強的優質UI并不會看起來很傻。
這是一個小型的 JavaScript 庫，它將會幫你將 HTML 表單中意義不明的字符轉化「翻譯」成人類可讀的樣式，包括 &? 和?& 這樣的字符。
創建靜態網站又重新成為了當下的潮流，因為靜態網站訪問起來更快。Gatsby 是諸多正在流行的靜態網站構建工具之一，同時 Egghead 還提供了視頻教你如何創建主題，它是完全免費的。
Postwoman 是一個基于web的工具，用來撰寫 API 請求。你可以設置請求的方式，URL、路徑、參數、身份驗證等，它是一個非常便捷的工具。
這是用 Rust 所創建的一款 Shell 工具。它使用了一些增強的 Shell 命令，比如 ls命令。當你在 Nushell 中使用 ls 命令的時候，能夠呈現出豐富的數據樣式，就像上圖。
JavaScript 在過去幾年間有過非常巨大的改進，ES6 和 ES2015 似乎昨天還在使用，而今天就已經開始使用 ES2019 了。而這個來自 JSConf EU 的視頻將會向你展示如何根據 ES2019 的規范，來使用 JavaScript 來實現功能。
Dockerlabs 是一個教你使用 Docker 和 Kubernetes 的系列教程合集，它提供的教程主要是文本教程，并且你可以直接在瀏覽器中測試。你無需在計算機上安裝任何東西就可以直接體驗 Docker，比如 Docker Engine、Docker Compose 和 Docker Machine。
Kanboard 是一個基于 PHP 的看板管理工具。使用看板來管理任務和項目是一種流行的方式，Trello 就是其中的典型。如果你是喜歡對應用進行深入細致的掌控，那么使用 Kanboard 可能是一個不錯的選擇，因為你可以將它安置在服務器當中。
如果你想要準備面試一個技術類的職位，那么這份包含有各種實例、提示和備忘錄的小手冊能夠幫到你，其中的各種內容能夠幫你更好地備戰。
在 Vue.js 上構建儀表盤，你可以使用這套模板。它自帶豐富的 UI 組件，涵蓋了各種類型的表單和視覺元素。
這是一個教你深入掌握 Git 的參考文檔，對于想要學習 Git 的人，有非常有效的參考，無論你剛剛入門還是有過一定的經驗，這份 Git Training Kit 都能幫到你。
想要充分利用 Nginx ，這份指南文檔能夠幫你。你能夠在其中找到絕大多數的關于 Nginx 的主題，包括安全性控制、調試以及各種核心的基礎知識。
XtermJS 是一個可以在在網頁中運行的終端工具界面。
想要掌握 Bash，這份涵蓋了各種提示、代碼范例、最佳實踐的學習素材包，能夠幫到你。
Polka 是一個使用 Node 構建的簡單的 HTTP 服務器，它支持路由、中間件和子應用，它是 Express.js 的絕佳替代品，甚至執行速度比前者快了 30% 到 50%。
我們常說的「設計模式」其實是解決常見設計問題的解決方案，而這份設計文檔是學習PHP 設計模式的最為完整的參考資料之一。
這是微軟所提供的一份代碼范例合理，這份合集涵蓋的內容非常廣泛，從 C語言到 PHP都有。
基于 Vue.js 框架的 UI 組件合集。和很多典型的框架一樣，iView 配備了豐富的 UI 組件，從按鈕到輪播圖，各種組件全都有。
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論 為下方 2 條評論點贊，解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓