在本月的資源合集中,我們將與大家分享有關前端與設計類的新工具猪叙、代碼片段以及酷炫的字體,這些資源能夠大大提升你的開發(fā)與設計工作效率仁卷。
這個列表中也包含了一些我很喜歡的工具穴翩,例如免費的任務管理應用程序、易用的網站構建器锦积,以及能夠幫助你清理 GitHub 上冗余 forks 的工具芒帕。當然,這些資源大多都是免費的丰介。那么背蟆,一起來 Enjoy 吧鉴分!
- FREEPHOTOS.CC
--
FreePhotos 是一個免費的創(chuàng)意圖片共享網站,它通過搜索引擎抓取了一些高品質带膀、可商用的優(yōu)質圖片志珍,供大家下載使用。圖片的分類也很詳細垛叨,涉及了景觀伦糯、技術、商業(yè)点额、自然舔株、幻想、人物等圖像还棱。你可以任意下載圖片载慈,并將它們用在你的項目上。
網站地址:【傳送門】
- GOOGLE INVISIBLE RECAPTCHA
--
自 No CAPTCHA reCAPTCHA 推出以來珍手,數以百萬的互聯(lián)網用戶只需點擊一下便可證明他們是正常的用戶办铡,這一驗證系統(tǒng)被稱為無懈可擊的 CAPTCHA 。目前它正在進一步的迭代琳要,正常的用戶將看不到“我不是機器人”復選框寡具,而對于那些黑客和機器人程序,無疑將是個更大的挑戰(zhàn)稚补。
網站地址:【傳送門】
- GRID GARDEN
--
這可能是一款目前最容易讓你上癮的在線游戲童叠,通過編寫 CSS 代碼來挑戰(zhàn) 24 個胡蘿卜花園關卡。在愉悅的交互式學習中课幕,你會輕松的掌握 CSS Grid 布局厦坛。前端er, Have a try!
網站地址:【傳送門】
- WAYBACK MACHINE DOWNLOADER
--
想看一看某個網站在過去是什么樣子嗎?這個工具可以幫助你下載任何網站的任意歷史版本乍惊,而你僅需要點擊兩次就可以完成時光的穿越杜秸。
網站地址:【傳送門】
- WEB LOAD SPEED TEST
--
你的網站加載速度有多快?Test load speeds 能幫助你一次性測試 6 個地區(qū)的加載速度润绎,以確保你的網站正常的工作撬碟。
網站地址:【傳送門】
- JSON WEB CONTAINER
--
JSON Web Container 是 Jasonette 框架的一個不錯的補充,你可以使用 HTML / JavaScript / CSS 將其轉換為原生組件莉撇,并可將 JSON 單個標記呢蛤。
網站地址:【傳送門】
- BURST
--
Burst 是一個擁有超過 1000 張圖片的高清圖庫,并且每周更新稼钩。這些圖片可以免費使用在你的項目上顾稀。
網站地址:【傳送門】
- GORILLASTACK AWS CLOUDTRAIL LISTENER (SLACK)
--
GorillaStack 是專為 Slack 打造的聊天機器人。如果你使用 Amazon Web Services 的話坝撑,它會讓你的使用過程更加的便捷静秆。你可以定制并管理實時工作流,以便在 Slack 內監(jiān)控 AWS CloudTrail巡李,而你僅需要一分鐘就可以搞定它的安裝抚笔。
網站地址:【傳送門】
- TIPPY.JS
--
Tippy 是一個輕量級的純 JavaScript 工具提示庫。它具備眾多不同的交互方式侨拦,并且適用于各種常見的瀏覽器殊橙。
網站地址:【傳送門】
- SHOUTEM
--
這款工具可以輕松的創(chuàng)建原生的跨平臺應用程序。你只需要利用相應的模版狱从,就能夠完成 Android 或 iOS 應用程序的創(chuàng)建膨蛮,而無需任何的 APP 開發(fā)經驗。如果你著急趕項目季研,或許它是一個不錯的選擇敞葛。
網站地址:【傳送門】
- SKETCH STARTER DESIGN TEMPLATE
--
打算學習 Sketch 嗎?這是一個免費的 Sketch 入門學習模版与涡,它包含了基礎的網頁設計工具與模版的使用介紹惹谐。它將為你的 Sketch 入門學習之旅保駕護航。
網站地址:【傳送門】
- MALINA SEAMLESS PATTERNS
--
這套無縫圖案為各類項目提供了完美的背景素材驼卖。圖案包含了 20 種不同的樣式氨肌,便于你應用于網頁和打印項目,并具備 EPS酌畜,PNG 和 JPG 格式怎囚。 (另外,矢量圖也是可編輯的桥胞。)
網站地址:【傳送門】
- REACTOUR
--
這個工具將以游戲的畫風恳守,指導你了解 React 組件的方方面面,從而幫助你了解 React 組件的功能以及掌握如何使用它埠戳。
網站地址:【傳送門】
- ALCAMY
--
這是一個幫助你提高技能和職業(yè)生涯的開源學習平臺井誉。在這里,你不僅可以學習如何創(chuàng)建聊天機器人模塊的相關知識整胃,還能夠了解區(qū)塊鏈颗圣、技術驅動的閃電式擴張、機器學習等前沿技術屁使。
網站地址:【傳送門】
- ANIMISTA
--
這個工具可以幫助你在瀏覽器中創(chuàng)建 CSS 動畫在岂。 雖然它仍處于測試階段,但它淺顯易懂蛮寂、易于使用蔽午,并且有大量的選項可以指導你完成動畫的制作。
網站地址:【傳送門】
- ANYMAP
--
只需要一些 JavaScript 和 HTML5 編程技巧酬蹋,你就可以創(chuàng)建出基于數據的交互式地圖及老。同時抽莱,你可以將天氣、結果報告骄恶、統(tǒng)計數據等信息與其結合使用食铐,來增強數據的可視化效果。當然僧鲁,這款工具也是制作交互式儀表盤和并行式報告的最佳選擇虐呻。
網站地址:【傳送門】
- CREATE-DMG
--
利用這個工具,你僅需要幾秒鐘便可為 macOS 應用程序創(chuàng)建出一個好看的 DMG寞秃。
網站地址:【傳送門】
- BASH GUIDE
--
想學習 Bash 嗎斟叼?Bash 腳本是由一系列命令組成的計劃文本文件,而本指南將幫助你更好地了解春寿、掌握這些命令的使用方法朗涩。
網站地址:【傳送門】
- ADLANTA
--
Adlanta 是一個簡單、美麗的圓角風格的無襯線字體堂淡,它包含了一套完整的字符集馋缅,涉及常規(guī)的標點符號以及偏細的字體樣式。
網站地址:【傳送門】
- BOMBA STOUT TYPEFACE
--
Bomba Stout 是一個免費的手工字體绢淀。由于大膽與俏皮的風格萤悴,它將帶你置身于視頻游戲的回憶中。它有兩種樣式供你選擇:圓潤平滑的字體邊緣以及具備強有力棱角的字體邊緣皆的。
網站地址:【傳送門】
- EDUARDO AND AURELIA
--
Eduardo 和 Aurelia 是一款特殊的字體覆履,包含大寫與小寫兩種樣式。無論你選擇了它們中的哪一種字體樣式费薄,都可以讓你的項目充滿著個性的色彩硝全。
網站地址:【傳送門】
- ELARIS SERIF
--
Elaris 是一個具備經典設計風格的全大寫的襯線字體。它常用在標題楞抡、Logo 上伟众,而免費版本包括四個字體重量,即常規(guī)召廷、半粗體凳厢、粗體和黑體。
網站地址:【傳送門】
- SOURCE HAN SERIF
--
這是一款由 Adobe 與谷歌聯(lián)合推出的思源宋體字體竞慢。目前支持四種不同的東亞語言先紫,包括:繁體中文、簡體中文筹煮、日文和韓文遮精,每一種字體都包含了 65,535 個字符以及 7 種字重。
網站地址:【傳送門】
- VERDE SANS
--
Verde Sans 是一款厚重败潦、有趣的標識字體本冲。它包含了一整套大小寫的字符與數字准脂。
網站地址:【傳送門】
- ZILAP SLEEP
--
Zilap Sleep 是一款粗糙、沉重的新穎字體眼俊。字符集包含了大寫字符和一些字形意狠,可用于強調主題背景的排版粟关。
網站地址:【傳送門】
感謝你的閱讀疮胖。若你有所收獲,歡迎點贊與分享闷板。
注:
- 本文版權歸原作者所有澎灸,僅用于學習與交流;
- 若出現打不開網頁的情況遮晚,請自備梯子性昭;
- 如需轉載譯文,煩請按下方注明出處信息县遣,謝謝糜颠!
英文原文:What’s New for Designers, April 2017
作者:Ben Dowling
譯者:IT程序獅
譯文地址:http://www.reibang.com/p/9ca4c43f00dd