2017 年 4 月:前端與設計資源集

2017 年 4 月:前端與設計資源集

在本月的資源合集中,我們將與大家分享有關前端與設計類的新工具猪叙、代碼片段以及酷炫的字體,這些資源能夠大大提升你的開發(fā)與設計工作效率仁卷。

這個列表中也包含了一些我很喜歡的工具穴翩,例如免費的任務管理應用程序、易用的網站構建器锦积,以及能夠幫助你清理 GitHub 上冗余 forks 的工具芒帕。當然,這些資源大多都是免費的丰介。那么背蟆,一起來 Enjoy 吧鉴分!


  1. FREEPHOTOS.CC
    --

FreePhotos 是一個免費的創(chuàng)意圖片共享網站,它通過搜索引擎抓取了一些高品質带膀、可商用的優(yōu)質圖片志珍,供大家下載使用。圖片的分類也很詳細垛叨,涉及了景觀伦糯、技術、商業(yè)点额、自然舔株、幻想、人物等圖像还棱。你可以任意下載圖片载慈,并將它們用在你的項目上。

網站地址:【傳送門

  1. GOOGLE INVISIBLE RECAPTCHA
    --

自 No CAPTCHA reCAPTCHA 推出以來珍手,數以百萬的互聯(lián)網用戶只需點擊一下便可證明他們是正常的用戶办铡,這一驗證系統(tǒng)被稱為無懈可擊的 CAPTCHA 。目前它正在進一步的迭代琳要,正常的用戶將看不到“我不是機器人”復選框寡具,而對于那些黑客和機器人程序,無疑將是個更大的挑戰(zhàn)稚补。

網站地址:【傳送門

  1. GRID GARDEN
    --

這可能是一款目前最容易讓你上癮的在線游戲童叠,通過編寫 CSS 代碼來挑戰(zhàn) 24 個胡蘿卜花園關卡。在愉悅的交互式學習中课幕,你會輕松的掌握 CSS Grid 布局厦坛。前端er, Have a try!

網站地址:【傳送門

  1. WAYBACK MACHINE DOWNLOADER
    --

想看一看某個網站在過去是什么樣子嗎?這個工具可以幫助你下載任何網站的任意歷史版本乍惊,而你僅需要點擊兩次就可以完成時光的穿越杜秸。

網站地址:【傳送門

  1. WEB LOAD SPEED TEST
    --

你的網站加載速度有多快?Test load speeds 能幫助你一次性測試 6 個地區(qū)的加載速度润绎,以確保你的網站正常的工作撬碟。

網站地址:【傳送門

  1. JSON WEB CONTAINER
    --

JSON Web Container 是 Jasonette 框架的一個不錯的補充,你可以使用 HTML / JavaScript / CSS 將其轉換為原生組件莉撇,并可將 JSON 單個標記呢蛤。

網站地址:【傳送門

  1. BURST
    --

Burst 是一個擁有超過 1000 張圖片的高清圖庫,并且每周更新稼钩。這些圖片可以免費使用在你的項目上顾稀。

網站地址:【傳送門

  1. GORILLASTACK AWS CLOUDTRAIL LISTENER (SLACK)
    --

GorillaStack 是專為 Slack 打造的聊天機器人。如果你使用 Amazon Web Services 的話坝撑,它會讓你的使用過程更加的便捷静秆。你可以定制并管理實時工作流,以便在 Slack 內監(jiān)控 AWS CloudTrail巡李,而你僅需要一分鐘就可以搞定它的安裝抚笔。

網站地址:【傳送門

  1. TIPPY.JS
    --

Tippy 是一個輕量級的純 JavaScript 工具提示庫。它具備眾多不同的交互方式侨拦,并且適用于各種常見的瀏覽器殊橙。

網站地址:【傳送門

  1. SHOUTEM
    --

這款工具可以輕松的創(chuàng)建原生的跨平臺應用程序。你只需要利用相應的模版狱从,就能夠完成 Android 或 iOS 應用程序的創(chuàng)建膨蛮,而無需任何的 APP 開發(fā)經驗。如果你著急趕項目季研,或許它是一個不錯的選擇敞葛。

網站地址:【傳送門

  1. SKETCH STARTER DESIGN TEMPLATE
    --

打算學習 Sketch 嗎?這是一個免費的 Sketch 入門學習模版与涡,它包含了基礎的網頁設計工具與模版的使用介紹惹谐。它將為你的 Sketch 入門學習之旅保駕護航。

網站地址:【傳送門

  1. MALINA SEAMLESS PATTERNS
    --

這套無縫圖案為各類項目提供了完美的背景素材驼卖。圖案包含了 20 種不同的樣式氨肌,便于你應用于網頁和打印項目,并具備 EPS酌畜,PNG 和 JPG 格式怎囚。 (另外,矢量圖也是可編輯的桥胞。)

網站地址:【傳送門

  1. REACTOUR
    --

這個工具將以游戲的畫風恳守,指導你了解 React 組件的方方面面,從而幫助你了解 React 組件的功能以及掌握如何使用它埠戳。

網站地址:【傳送門

  1. ALCAMY
    --

這是一個幫助你提高技能和職業(yè)生涯的開源學習平臺井誉。在這里,你不僅可以學習如何創(chuàng)建聊天機器人模塊的相關知識整胃,還能夠了解區(qū)塊鏈颗圣、技術驅動的閃電式擴張、機器學習等前沿技術屁使。

網站地址:【傳送門

  1. ANIMISTA
    --

這個工具可以幫助你在瀏覽器中創(chuàng)建 CSS 動畫在岂。 雖然它仍處于測試階段,但它淺顯易懂蛮寂、易于使用蔽午,并且有大量的選項可以指導你完成動畫的制作。

網站地址:【傳送門

  1. ANYMAP
    --

只需要一些 JavaScript 和 HTML5 編程技巧酬蹋,你就可以創(chuàng)建出基于數據的交互式地圖及老。同時抽莱,你可以將天氣、結果報告骄恶、統(tǒng)計數據等信息與其結合使用食铐,來增強數據的可視化效果。當然僧鲁,這款工具也是制作交互式儀表盤和并行式報告的最佳選擇虐呻。

網站地址:【傳送門

  1. CREATE-DMG
    --

利用這個工具,你僅需要幾秒鐘便可為 macOS 應用程序創(chuàng)建出一個好看的 DMG寞秃。

網站地址:【傳送門

  1. BASH GUIDE
    --

想學習 Bash 嗎斟叼?Bash 腳本是由一系列命令組成的計劃文本文件,而本指南將幫助你更好地了解春寿、掌握這些命令的使用方法朗涩。

網站地址:【傳送門

  1. ADLANTA
    --

Adlanta 是一個簡單、美麗的圓角風格的無襯線字體堂淡,它包含了一套完整的字符集馋缅,涉及常規(guī)的標點符號以及偏細的字體樣式。

網站地址:【傳送門

  1. BOMBA STOUT TYPEFACE
    --

Bomba Stout 是一個免費的手工字體绢淀。由于大膽與俏皮的風格萤悴,它將帶你置身于視頻游戲的回憶中。它有兩種樣式供你選擇:圓潤平滑的字體邊緣以及具備強有力棱角的字體邊緣皆的。

網站地址:【傳送門

  1. EDUARDO AND AURELIA
    --

Eduardo 和 Aurelia 是一款特殊的字體覆履,包含大寫與小寫兩種樣式。無論你選擇了它們中的哪一種字體樣式费薄,都可以讓你的項目充滿著個性的色彩硝全。

網站地址:【傳送門

  1. ELARIS SERIF
    --

Elaris 是一個具備經典設計風格的全大寫的襯線字體。它常用在標題楞抡、Logo 上伟众,而免費版本包括四個字體重量,即常規(guī)召廷、半粗體凳厢、粗體和黑體。

網站地址:【傳送門

  1. SOURCE HAN SERIF
    --

這是一款由 Adobe 與谷歌聯(lián)合推出的思源宋體字體竞慢。目前支持四種不同的東亞語言先紫,包括:繁體中文、簡體中文筹煮、日文和韓文遮精,每一種字體都包含了 65,535 個字符以及 7 種字重。

網站地址:【傳送門

  1. VERDE SANS
    --

Verde Sans 是一款厚重败潦、有趣的標識字體本冲。它包含了一整套大小寫的字符與數字准脂。

網站地址:【傳送門

  1. ZILAP SLEEP
    --

Zilap Sleep 是一款粗糙、沉重的新穎字體眼俊。字符集包含了大寫字符和一些字形意狠,可用于強調主題背景的排版粟关。

網站地址:【傳送門


感謝你的閱讀疮胖。若你有所收獲,歡迎點贊與分享闷板。

注:

  1. 本文版權歸原作者所有澎灸,僅用于學習與交流;
  2. 若出現打不開網頁的情況遮晚,請自備梯子性昭;
  3. 如需轉載譯文,煩請按下方注明出處信息县遣,謝謝糜颠!

英文原文:What’s New for Designers, April 2017
作者:Ben Dowling
譯者:IT程序獅
譯文地址:http://www.reibang.com/p/9ca4c43f00dd

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末漓帚,一起剝皮案震驚了整個濱河市儿惫,隨后出現的幾起案子,更是在濱河造成了極大的恐慌浸赫,老刑警劉巖夸政,帶你破解...
    沈念sama閱讀 212,686評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件元旬,死亡現場離奇詭異,居然都是意外死亡守问,警方通過查閱死者的電腦和手機匀归,發(fā)現死者居然都...
    沈念sama閱讀 90,668評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來耗帕,“玉大人穆端,你說我怎么就攤上這事》卤悖” “怎么了体啰?”我有些...
    開封第一講書人閱讀 158,160評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長探越。 經常有香客問我狡赐,道長,這世上最難降的妖魔是什么钦幔? 我笑而不...
    開封第一講書人閱讀 56,736評論 1 284
  • 正文 為了忘掉前任枕屉,我火速辦了婚禮,結果婚禮上鲤氢,老公的妹妹穿的比我還像新娘搀擂。我一直安慰自己西潘,他們只是感情好,可當我...
    茶點故事閱讀 65,847評論 6 386
  • 文/花漫 我一把揭開白布哨颂。 她就那樣靜靜地躺著喷市,像睡著了一般。 火紅的嫁衣襯著肌膚如雪威恼。 梳的紋絲不亂的頭發(fā)上品姓,一...
    開封第一講書人閱讀 50,043評論 1 291
  • 那天,我揣著相機與錄音箫措,去河邊找鬼腹备。 笑死,一個胖子當著我的面吹牛斤蔓,可吹牛的內容都是我干的植酥。 我是一名探鬼主播,決...
    沈念sama閱讀 39,129評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼弦牡,長吁一口氣:“原來是場噩夢啊……” “哼友驮!你這毒婦竟也來了?” 一聲冷哼從身側響起驾锰,我...
    開封第一講書人閱讀 37,872評論 0 268
  • 序言:老撾萬榮一對情侶失蹤卸留,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后稻据,有當地人在樹林里發(fā)現了一具尸體艾猜,經...
    沈念sama閱讀 44,318評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,645評論 2 327
  • 正文 我和宋清朗相戀三年捻悯,在試婚紗的時候發(fā)現自己被綠了匆赃。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,777評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡今缚,死狀恐怖算柳,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情姓言,我是刑警寧澤瞬项,帶...
    沈念sama閱讀 34,470評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站何荚,受9級特大地震影響囱淋,放射性物質發(fā)生泄漏。R本人自食惡果不足惜餐塘,卻給世界環(huán)境...
    茶點故事閱讀 40,126評論 3 317
  • 文/蒙蒙 一妥衣、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦税手、人聲如沸蜂筹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,861評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽艺挪。三九已至,卻和暖如春兵扬,著一層夾襖步出監(jiān)牢的瞬間麻裳,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,095評論 1 267
  • 我被黑心中介騙來泰國打工周霉, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留掂器,地道東北人。 一個月前我還...
    沈念sama閱讀 46,589評論 2 362
  • 正文 我出身青樓俱箱,卻偏偏與公主長得像,于是被迫代替她去往敵國和親灭必。 傳聞我的和親對象是個殘疾皇子狞谱,可洞房花燭夜當晚...
    茶點故事閱讀 43,687評論 2 351

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,857評論 25 707
  • 保持幼態(tài),終身學習:終身學習禁漓,一個很重要的動力跟衅,就是延續(xù)你的好奇心,幼態(tài)延續(xù)播歼。 虛位以待:要建立各個知識點之間的關...
    jerry_sz閱讀 1,032評論 0 0
  • 【12.23】超級個體—彭加輝 每日打卡 45/100 【三件事】 1. PS視頻教程“課時35-36”的學習并做...
    純簡之佳閱讀 249評論 0 1
  • — 01 — 小順失戀了秘狞,悲痛欲絕叭莫。其實,也不算是失戀烁试,因為這個女孩根本不知道他的心思雇初。對,你猜的沒錯减响,他是暗戀靖诗,...
    夕言細語閱讀 1,471評論 24 26
  • 每個人都有一個不能說的憂傷 在這秋的夜 踏著朝圣者的腳步 叩問你的心腔 有一種殤 叫怕花謝的凄涼 有一種離別 叫不...
    漢儒應天閱讀 143評論 0 0