最新的一期前端開(kāi)發(fā)者干貨合集來(lái)了！在這個(gè)欄目當(dāng)中，我們主要是給前端開(kāi)發(fā)者提供各種實(shí)用有效的工具，其中不少工具也是設(shè)計(jì)師在設(shè)計(jì)過(guò)程中可以用得上的！

SVG Role Image

這是一個(gè)關(guān)于如何使用 svg 元素的說(shuō)明和提示文檔。SVG 格式的文檔比起傳統(tǒng)的圖片有著更高的靈活度，而svg 元素之內(nèi)還可以包含的更為豐富的可控的屬性和標(biāo)簽，比如 path、g 和 circle 等。

What is TTFB?

你有沒(méi)有碰到過(guò)這樣的情況，就是你已經(jīng)按照網(wǎng)上所有的建議針對(duì)你的網(wǎng)站進(jìn)行了優(yōu)化，但是在打開(kāi)網(wǎng)站的時(shí)候依然非常的緩慢？這種問(wèn)題很有可能出在 TTFB 上，也就是所謂的能否檢測(cè)到「Time to First Byte」。CSS Wizardry 的這篇文章將會(huì)會(huì)為你詳細(xì)解釋如何針對(duì) TTFB 進(jìn)行優(yōu)化。

Custom Accessible Radio Input

優(yōu)秀的可訪問(wèn)性設(shè)計(jì)讓網(wǎng)站更容易被訪問(wèn)，尤其是針對(duì)有行動(dòng)障礙的用戶而言。Lindsey 的這篇文章將會(huì)教你如何設(shè)計(jì)無(wú)障礙的輸入。你將會(huì)發(fā)現(xiàn)，創(chuàng)建可訪問(wèn)性較強(qiáng)的優(yōu)質(zhì)UI并不會(huì)看起來(lái)很傻。

Simple Entity Decode

這是一個(gè)小型的 JavaScript 庫(kù)，它將會(huì)幫你將 HTML 表單中意義不明的字符轉(zhuǎn)化「翻譯」成人類可讀的樣式，包括 &? 和?& 這樣的字符。

Gatsby Theme Authoring

創(chuàng)建靜態(tài)網(wǎng)站又重新成為了當(dāng)下的潮流，因?yàn)殪o態(tài)網(wǎng)站訪問(wèn)起來(lái)更快。Gatsby 是諸多正在流行的靜態(tài)網(wǎng)站構(gòu)建工具之一，同時(shí) Egghead 還提供了視頻教你如何創(chuàng)建主題，它是完全免費(fèi)的。

Postwoman

Postwoman 是一個(gè)基于web的工具，用來(lái)撰寫(xiě) API 請(qǐng)求。你可以設(shè)置請(qǐng)求的方式，URL、路徑、參數(shù)、身份驗(yàn)證等，它是一個(gè)非常便捷的工具。

Nushell

這是用 Rust 所創(chuàng)建的一款 Shell 工具。它使用了一些增強(qiáng)的 Shell 命令，比如 ls命令。當(dāng)你在 Nushell 中使用 ls 命令的時(shí)候，能夠呈現(xiàn)出豐富的數(shù)據(jù)樣式，就像上圖。

What is ES2019

JavaScript 在過(guò)去幾年間有過(guò)非常巨大的改進(jìn)，ES6 和 ES2015 似乎昨天還在使用，而今天就已經(jīng)開(kāi)始使用 ES2019 了。而這個(gè)來(lái)自 JSConf EU 的視頻將會(huì)向你展示如何根據(jù) ES2019 的規(guī)范，來(lái)使用 JavaScript 來(lái)實(shí)現(xiàn)功能。

Dockerlabs

Dockerlabs 是一個(gè)教你使用 Docker 和 Kubernetes 的系列教程合集，它提供的教程主要是文本教程，并且你可以直接在瀏覽器中測(cè)試。你無(wú)需在計(jì)算機(jī)上安裝任何東西就可以直接體驗(yàn) Docker，比如 Docker Engine、Docker Compose 和 Docker Machine。

Kanboard

Kanboard 是一個(gè)基于 PHP 的看板管理工具。使用看板來(lái)管理任務(wù)和項(xiàng)目是一種流行的方式，Trello 就是其中的典型。如果你是喜歡對(duì)應(yīng)用進(jìn)行深入細(xì)致的掌控，那么使用 Kanboard 可能是一個(gè)不錯(cuò)的選擇，因?yàn)槟憧梢詫⑺仓迷诜?wù)器當(dāng)中。

Tech Interview Handbook

如果你想要準(zhǔn)備面試一個(gè)技術(shù)類的職位，那么這份包含有各種實(shí)例、提示和備忘錄的小手冊(cè)能夠幫到你，其中的各種內(nèi)容能夠幫你更好地備戰(zhàn)。

Vuestic Admin

在 Vue.js 上構(gòu)建儀表盤(pán)，你可以使用這套模板。它自帶豐富的 UI 組件，涵蓋了各種類型的表單和視覺(jué)元素。

Git Training Kit

這是一個(gè)教你深入掌握 Git 的參考文檔，對(duì)于想要學(xué)習(xí) Git 的人，有非常有效的參考，無(wú)論你剛剛?cè)腴T(mén)還是有過(guò)一定的經(jīng)驗(yàn)，這份 Git Training Kit 都能幫到你。

Nginx Admin Handbook

想要充分利用 Nginx ，這份指南文檔能夠幫你。你能夠在其中找到絕大多數(shù)的關(guān)于 Nginx 的主題，包括安全性控制、調(diào)試以及各種核心的基礎(chǔ)知識(shí)。

XtermJS

XtermJS 是一個(gè)可以在在網(wǎng)頁(yè)中運(yùn)行的終端工具界面。

Pure Bash Bible

想要掌握 Bash，這份涵蓋了各種提示、代碼范例、最佳實(shí)踐的學(xué)習(xí)素材包，能夠幫到你。

Polka

Polka 是一個(gè)使用 Node 構(gòu)建的簡(jiǎn)單的 HTTP 服務(wù)器，它支持路由、中間件和子應(yīng)用，它是 Express.js 的絕佳替代品，甚至執(zhí)行速度比前者快了 30% 到 50%。

Design Patterns PHP

我們常說(shuō)的「設(shè)計(jì)模式」其實(shí)是解決常見(jiàn)設(shè)計(jì)問(wèn)題的解決方案，而這份設(shè)計(jì)文檔是學(xué)習(xí)PHP 設(shè)計(jì)模式的最為完整的參考資料之一。

Code Samples

這是微軟所提供的一份代碼范例合理，這份合集涵蓋的內(nèi)容非常廣泛，從 C語(yǔ)言到 PHP都有。

iViewUI

基于 Vue.js 框架的 UI 組件合集。和很多典型的框架一樣，iView 配備了豐富的 UI 組件，從按鈕到輪播圖，各種組件全都有。