• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計教學 】2017年4月前端開發者使用的素材合集




    2017年4月前端開發者使用的素材合集

    這一次的教學是屬於攝影作品領域中的其他資訊的相關教學。

    文章出處是來自hongkiat的攝影作品類文章,寫教學的作者是Thoriq Firdaus,感謝Thoriq Firdaus提供其他資訊的實作教學。

    教學大綱:

    進入2017年之後,設計和前端開發一直在快速的發展着,過去一年的設計和技術積累,催生了一批又一批的新工具和素材,今天的這一批乾貨素材主要是給網頁前端和開發者所用的,其中所涵蓋的內容多種多樣,從APP到代碼片段不一而足。


    其他資訊教學開始

    進入2017年之後,設計和前端開發一直在快速的發展着,過去一年的設計和技術積累,催生了一批又一批的新工具和素材,今天的這一批乾貨素材主要是給網頁前端和開發者所用的,其中所涵蓋的內容多種多樣,從APP到代碼片段不一而足。

    Slinky

    2017年4月前端開發者使用的素材合集

    Slinky 是一款實用的 Sketch插件,能幫你一鍵將Sketch 畫板導出為 HTML郵件模板,Slinky 目前還處於快速發展的階段,部分功能還不夠完善,不過按照它的官方指南來進行操作,其輸出效果還是相當不錯的。

    Boilrplate

    2017年4月前端開發者使用的素材合集

    這是一個精心策劃的樣板和模板的合集,幫你快速啟動項目,其中包含了使用不同編程語言搭建的不同程序框架,包括 jQuery,Angular,React,Wordpress,Backbone和Electron。

    Griddy

    2017年4月前端開發者使用的素材合集

    CSS柵格框架可以說是前景無限,它對於網頁設計開發和布局構建的影響非常之巨大。但是考慮到CSS柵格的複雜性,許多設計師對於自己搭建CSS柵格敬而遠之。不過,有了Griddy之後,你就不用擔心這個問題了,它極大的降低了CSS柵格搭建和使用的難度。

    React Fundamentals

    2017年4月前端開發者使用的素材合集

    你可以在這裡學習React,即使你毫無基礎也能順利的入門。這裡涵蓋了視頻教程、文章和相應的測試。這個課程是完全免費的。

    Chassis Desktop

    2017年4月前端開發者使用的素材合集

    Classis Desktop 算是一個Wordpress虛擬機,可以幫你搭建一個Wordpress系統和相應的配置環境,你可以在其中配置、開發和測試 WP主題和插件等組件。目前 Classis Desktop 仍然處於開發階段,即將發布。

    Papersizes

    2017年4月前端開發者使用的素材合集

    這個合集包含了不同國家所使用的標準的紙張尺寸,對於前端和開發者而言,這些資源在特定的時候非常的有用。

    TippyJS

    2017年4月前端開發者使用的素材合集

    這是一個用來構建 Tooltip 的JS庫,TippyJS 提供了豐富的配置工具和設置選項來進行工具提示的設置,同時,TippyJS 允許開發者使用CSS來控制提示的主題風格樣式。

    Design Patterns PHP

    2017年4月前端開發者使用的素材合集

    深入理解編程語言的設計模式,能夠幫助開發人員編寫出可拓展可維護的代碼,而這個教程就是關於PHP語言的設計模式,值得相應的開發者對此進行研究。

    Guzzle

    2017年4月前端開發者使用的素材合集

    Guzzle 是一款頗為便捷的PHP庫,可以使用諸如“Get”“Post”甚至類似於JavaScript 中 Async 這樣的Http請求。它具有豐富的功能,使你可以輕鬆的發出請求獲得響應。

    Mini.css

    2017年4月前端開發者使用的素材合集

    Mini 是一款極簡的CSS框架,精簡,輕量級,不佔空間。同時,作為一個Web組件,Mini.css 還包含了必要的組成部分,包括柵格、導航和表單等。

    SimpleIcons

    2017年4月前端開發者使用的素材合集

    從eBay 到 Viber,從Dribbble 到 Google+ ,這些公司和品牌的LOGO常常需要運用到互聯網產品當中,這個圖標合集很好的解決了這個問題,合集中的圖標都使用的是SVG格式,便於開發者和設計師調用。

    Chrome MySQL Admin

    2017年4月前端開發者使用的素材合集

    這款谷歌瀏覽器插件讓你可以更加便捷的管理你的MySQL數據庫,它是Sequel Pro 和 MySQL Workbence 這樣的工具的可靠替代品和備選方案。

    Numi

    2017年4月前端開發者使用的素材合集

    Numi 所以款簡單漂亮,也足夠獨特的Mac端計算器程序,它的功能也非常的多,比如可以輸入 10 USD in SGD 來進行貨幣換算。

    Laradock

    2017年4月前端開發者使用的素材合集

    Laradock 支持各種不同的數據庫引擎,包括 Maria DB 和 MongoDB 以及像 Redis 和 Memchaced 這樣的緩存引擎。雖然它是以 Laravel 命名,但是它同樣支持 WordPress 和 Drupal 這樣的平台。

    Fabrica

    2017年4月前端開發者使用的素材合集

    Fabrica 是一系列用來支持 WordPress平台的工具合集,這其中工具覆蓋範圍非常廣,Fabrica 使用 Docker 確保開發環境能夠快速運行,並且藉助 WordMove 進行部署。

    Husky

    2017年4月前端開發者使用的素材合集

    Husky 是一個Node 模塊,它能運行Githooks諸如 Pre-commit、pre-receive 和 post-receive。

    EasyMap

    2017年4月前端開發者使用的素材合集

    EasyMap 可以調用 Google Maps API 密鑰,讓你更加輕鬆地在谷歌地圖中添加標記,這些位置地址將會以 Json 格式保存。

    Wappalyzer

    2017年4月前端開發者使用的素材合集

    Wappalyzer 是一款非常實用的谷歌瀏覽器拓展,它可以幫你查看你所打開的網站使用了哪些工具,調用了哪些服務和庫。藉助這個工具,可以發現,仍然有許多著名的網站在使用jQuery ,甚至包括 Github。

    Bash Guide

    2017年4月前端開發者使用的素材合集

    諸如Linux 和 Mac 這樣的系統能夠使用Bash 腳本來發出指令,管理系統,進行許多圖形化界面不一定能夠完成的任務。這個指南能夠幫你更好的學習Bash。

    Chroma.js

    2017年4月前端開發者使用的素材合集

    Chroma.js 是一款控制色彩的JS庫,它支持多種顏色格式,包括 HEX、 RGB 和RGBA。除此之外,它還能通過亮度、對比度和飽和度來控制色彩。

    原文地址:hongkiat
    原文作者:Thoriq Firdaus
    優設譯文:陳子木

    — —

    文章永久連結為: 2017年4月前端開發者使用的素材合集