英文原文：Fresh Resources for Web Developers – July 2016
譯者：IT程序獅
譯文地址：http://www.reibang.com/p/19d3b9cec4d0
在本期中，我們又為大家?guī)砹舜罅康?Web 開發(fā)新資源耗帕。
這一期的資源包含了激發(fā)你下一個著陸頁設(shè)計的案例合集芯杀，幫助開發(fā)者使一個明顯畫面變暗的兩種方式通危，構(gòu)建 Web 布局的拖放插件弊仪，一個日期選擇器的 jQuery 插件跳芳，以及大量的 JavaScript 庫來幫助開發(fā)者們更好的工作膀钠。
此外掏湾，本期中還包含了 HTTP2 的相關(guān)資源，動畫排版速查表肿嘲，編程語言語法搜索引擎等內(nèi)容融击，讓我們一起 Enjoy 吧！
Landing Folio
Landing Folio 是一個著陸頁設(shè)計案例匯集的網(wǎng)站雳窟。這里有數(shù)百個關(guān)于著陸頁的案例供你參考尊浪，你可以根據(jù)其類別進(jìn)行查找。這絕對是一個值得網(wǎng)頁設(shè)計師收藏的網(wǎng)站哦封救！
Element Queries
在 JavaScript 中拇涤，你可以進(jìn)行元素查詢。它由@element表示誉结，不同于 CSS 中的@media查詢鹅士，@element能察覺到的不僅是瀏覽器的寬度和高度。例如搓彻，你可以使用包含在元素中的大量字符樣式如绸。
HTTP2
HTTP2 是下一代 HTTP 最新的規(guī)范。
它有望獲得更好的性能和高效地數(shù)據(jù)傳輸旭贬。在這個資源里怔接，你可以找到在其安全性、速度和用戶體驗(yàn)上的變化所帶來的影響稀轨。（非常詳盡）
Elementor
Elementor 是一個 WordPress 插件扼脐，它允許你建立 drag-n-drop 的網(wǎng)頁布局。有 Elementor 的幫助，你可以建立一個具備完全可定制的瓦侮、用戶友好的網(wǎng)頁布局艰赞。
TimeDropper
TimeDropper 是一個日期選擇器的 jQuery 插件。這個插件配備了一些動畫肚吏，使在頁面上選擇日期時能更吸引人方妖。此外，你還可以在選項中改變其 UI 外觀罚攀。
SyntaxDB
這是一個用于搜索編程語言語法的搜索引擎党觅。目前，它支持多種語言斋泄，包括Java杯瞻，C，Ruby炫掐，JavaScript 和 Python魁莉。
Github Dark UI
Github Dark UI 是 Github 上暗色系的顏色主題。如果您在昏暗的環(huán)境下工作募胃，或在長時間盯著屏幕看旗唁，這可能是主題色中的一個很好地選擇。
Microlight
一個用來高亮代碼的 JavaScript 庫摔认。它可以替代不同顏色的高亮代碼逆皮，你可以看到，Microlight 使代碼變得更加的‘閃亮’参袱。
BarbaJS
BarbaJS 是一個 JavaScript 庫，它可以使 JavaScript API 在網(wǎng)頁中平滑的過渡秽梅。這個插件自帶方法抹蚀，自定義事件以及 API 能幫助您在網(wǎng)頁中有更流暢的體驗(yàn)。 這里有些例子企垦。
TypeTerms
有沒有想過“字母間距”和“字距”之間的有什么不同呢环壤？
在 TypeTerms 中，通過互動的演示钞诡，你可以從中了解動畫排版的正確使用方式郑现。
ButterBean
ButterBean 是一個在WordPress中創(chuàng)建 Meta Box的新型插件。這是繼現(xiàn)代 WordPress 定制 API 架構(gòu)所開發(fā)的荧降。這使得構(gòu)建特殊的 WordPress 管理界面會更加得優(yōu)雅接箫。
Child Theme Check
一個幫助你檢查其父主題下子主題的 WordPress 插件。它會幫你檢查子主題依賴的文件是否被更新朵诫。
CloudFlare UI
CloudFlare UI 是建立在 React 頂端的 UI 組件集合辛友。考慮到 React 正變得更加流行剪返，你會發(fā)現(xiàn)一些相似的 UI 框架出自在那里废累。
Lerna
在大型項目中管理多個包和存儲庫是不可避免的邓梅。這個工具，允許你來處理這種特殊情況下所出現(xiàn)的問題邑滨，最終助你簡化工作流程日缨。
Chillout
Chillout 是一個 JavaScript 庫，它可以幫助你降低 CPU 使用率掖看。它提供了一組可以用在 JavaScript natives 中的功能匣距，并可以部署在正規(guī)的網(wǎng)站上或沒有基于 Node.js 的應(yīng)用程序中。
GEL Typography
GEL Typography 是 BBC 排版風(fēng)格指南乙各。它可以帶給你標(biāo)準(zhǔn)化排版樣式的一些靈感墨礁。其中包括了字體、大小耳峦、寬/高等建議恩静。
MIND Patterns
MIND 模式是一個建立可訪問電子商務(wù)網(wǎng)站的實(shí)用指南。它為殘障用戶提供了更好體驗(yàn)蹲坷，其中涉及了構(gòu)建 HTML驶乾，使用ARIA標(biāo)簽，CSS 樣式排版等內(nèi)容循签。
CSS Specificity
一個描述 CSS 具體是如何工作的插圖集级乐。
CSS Dig
一個幫助你優(yōu)化 CSS 的 Chrome 擴(kuò)展。它會以報告的形式提供給你網(wǎng)頁中使用的 CSS 屬性列表县匠。例如顏色风科。
Template Stash
一個 hand-picked 免費(fèi)的模版和主題合集。這里你可以找到包括 HTML5, WordPress, Ghost, Bootstrap 以及電子商務(wù)等廣泛類型的模版與主題乞旦。
本文翻譯自《Fresh Resources for Web Developers – July 2016》贼穆，譯者程小獅。若有翻譯不當(dāng)之處兰粉，還請大家多多指正故痊。
轉(zhuǎn)載請注明出處，謝謝合作玖姑。
