不論你是設(shè)計師還是開發(fā)者，同樣可以從中發(fā)掘出不少正好能用到的好工具。下面由學(xué)習(xí)啦小編為大家整理的設(shè)計開發(fā)工具，希望大家喜歡!

　　設(shè)計開發(fā)工具

　　1. Smartmockups

　　Smartmockups 看名字就知道是一款和視覺稿設(shè)計相關(guān)的工具，它是迎合開發(fā)者、設(shè)計師和營銷人員需求的一款新興的在線視覺稿設(shè)計工具。對，沒錯，即使是營銷和策劃人員也可 以輕松借助這款工具來制作出視覺稿來向領(lǐng)導(dǎo)展示新計劃/新產(chǎn)品!所有的設(shè)計出來的視覺稿都可以個人使用和商用。

　　2. Reedsy

　　Reedsy 是一款漂亮的文本格式管理、轉(zhuǎn)換和制作工具，即使你尚未將內(nèi)容徹底寫完，也同樣可以拿來用。整個工具界面足夠漂亮，讓你不容易在寫作的時候分心，工具欄也 足夠使用，并確保樣式整齊可控。在排版上，Reedsy 同樣能保證各種格式下足夠統(tǒng)一，無論是IngramSpark 下的POD格式，還是亞馬遜的AZW格式，蘋果的iBooks還是Kobo的格式，都可以輕松應(yīng)對，統(tǒng)一漂亮。

　　3. MJML

　　MJML 一種旨在盡量降低代碼成本的標(biāo)記語言，可以幫你制作響應(yīng)式的電子郵件。它的語義語法都相當(dāng)簡單易懂，擁有豐富的組件庫供你選擇，盡量減少你的開發(fā)時間。

　　設(shè)計開發(fā)框架工具

　　1. Phoenix Framework

　　Phoenix framework是一個相當(dāng)高效的網(wǎng)絡(luò)框架，速度可觀，可維護(hù)性強(qiáng)。通過將真正的技術(shù)和功能性的想法融為一體，將真正的簡單和樂趣帶入到現(xiàn)代Web應(yīng)用 的開發(fā)工作中去。你可以結(jié)合名為Channels 的實時流媒體技術(shù)，創(chuàng)造出擁有豐富的跨瀏覽器交互體驗的原生移動端應(yīng)用。

　　2. JS Tips

　　JS Tips 是JS的開發(fā)技巧合集，其中涵蓋了JS語法的技巧、如何提高代碼效率和性能，以及諸如AngularJS這樣的框架的使用方式。這個合集的內(nèi)容會每天增加。

　　3. Color Safe

　　Color Safe 是一款配色生成器，它的特殊之處在于，它所生成的配色都是符合WCAG標(biāo)準(zhǔn)的方案，確保配色的可訪問性，用戶瀏覽無障礙。

　　設(shè)計開發(fā)數(shù)據(jù)工具

　　1. Mo.js

　　Mo.js 是一款完整的JS動效庫，目前它擁有一系列的預(yù)設(shè)參數(shù)，確保你能快速的上手使用。值得注意的是，Mo.JS 是模塊化的，你可以輕松移除不必要的功能，確保體量合理和流暢運(yùn)行。

　　2. Branches

　　Branches 是一款 iOS 應(yīng)用，它讓你可以在iPad和iPhone上管理你的GitHub、GitLab 和 Bitbucket 項目。通過它，你可以創(chuàng)建或者關(guān)閉特定的問題，查看回復(fù)，并且可以完美地解析Markdown語言。

　　3. Meatier

　　作為一款現(xiàn)代網(wǎng)站開發(fā)平臺，Meteor 無疑是強(qiáng)大而帶感的!但是三年的發(fā)展歷程讓它顯得略有一點過時，不過，Meatier 的存在彌補(bǔ)了它的缺陷。Meatier 并沒有前者的整體結(jié)構(gòu)，但是保留了相同的功能，更加靈活簡單。