網(wǎng)頁設(shè)計(jì)師6個(gè)重要的開源工具
網(wǎng)絡(luò)上運(yùn)行的開放源代碼軟件。最重要的是在后端，大部分在某種形式的UNIX或Linux運(yùn)行世界的服務(wù)器。這些服務(wù)器運(yùn)行數(shù)百，如果不是數(shù)以千計(jì)的開源工具，腳本解釋器，等等。曾經(jīng)有一段時(shí)間，雖然，開源的東西被所有的瀏覽器，用戶可以在其中看到它。

好吧，這樣的事經(jīng)常發(fā)生。例子：WordPress；你看到現(xiàn)在。但是談話，當(dāng)談到網(wǎng)頁設(shè)計(jì)的工具，往往是占主導(dǎo)地位的軟件，你必須支付：PS圖象處理軟件、Adobe XD，素描，親和的套房，崇高的文本，和大約二千個(gè)網(wǎng)絡(luò)原型的應(yīng)用程序。當(dāng)我們不談開源的網(wǎng)頁設(shè)計(jì)軟件，我們談?wù)揥ordPress，偶爾GIMP…什么的。

在這篇文章中，我想強(qiáng)調(diào)一些其他的開源項(xiàng)目，是積極的，鮮為人知的，而有前途的。我希望從這些項(xiàng)目的偉大的事情，如果我們能讓人們看著他們：

 
1。krita

krita是一個(gè)功能強(qiáng)大的圖形編輯器與重視插圖和數(shù)字繪畫?；ヂ?lián)網(wǎng)充斥著插圖。越來越多的設(shè)計(jì)師選擇使用插圖，甚至數(shù)字繪畫，為他們的網(wǎng)站設(shè)計(jì)帶來的生活。當(dāng)然，大多數(shù)是由于SVG矢量格式，但如果你想要一個(gè)更傳統(tǒng)的外觀到您的圖形，Krita有你回來。

它也有大部分的功能，你希望在一個(gè)傳統(tǒng)的圖形編輯器，找到。我不會用它來設(shè)計(jì)模型（盡管你可以）因?yàn)橛懈菀椎姆椒ā?/p>

2。Visual Studio代碼

曾幾何時(shí)，這是奇怪的認(rèn)為微軟有什么與開源軟件?，F(xiàn)在，他們已經(jīng)在Ubuntu CLI模式在Windows上運(yùn)行，他們放棄了免費(fèi)的文本編輯器。自從Visual Studio代碼推出，它已經(jīng)發(fā)展的相當(dāng)?shù)姆劢z。為什么不呢？很快，它是可擴(kuò)展的，它的作品。

現(xiàn)在，如果你已經(jīng)根深蒂固的崇高的文字，原子，或另一個(gè)著名的文本編輯器，沒有太多的理由去開關(guān)。如果你在Mac上這是真實(shí)的，或運(yùn)行Linux。大畫與其他微軟開發(fā)工具和代碼的集成。如果你運(yùn)行Windows和程序在ASP。網(wǎng)，例如，你可能會看到這個(gè)文本編輯器為您提供了。

3.UIKit
如果你喜歡看有趣的前端框架，或“兩大”沒有削減它適合你，試試UIKit。它的字節(jié)的意識，它是模塊化的，所以你只需要使用你想要的位。他們的GitHub的回購顯示公平一點(diǎn)的動作。最重要的是，它看起來很不錯(cuò)，默認(rèn)情況下，這是大多數(shù)人想從這些框架。

4。鉛筆項(xiàng)目

你可能還記得鉛筆從天是一個(gè)Firefox擴(kuò)展。嗯，鉛筆已經(jīng)成為一個(gè)成熟的、穩(wěn)定的網(wǎng)頁設(shè)計(jì)/原型應(yīng)用程序在它自己的權(quán)利。它缺少一些在其類別的在線應(yīng)用程序的廣泛協(xié)作功能，但它的人誰需要或喜歡脫機(jī)工作的偉大。

一個(gè)大型圖書館的元素和模板，你可以把它撿起來，快速成型。它仍在發(fā)展，3版于二月推出，最新的版本發(fā)布于5月11日。

5。kodeweave

kodeweave是一個(gè)新的項(xiàng)目，看起來很像CodePen，因?yàn)樗旧鲜峭瑯拥哪康模号c前端代碼位實(shí)驗(yàn)。最大的不同是，除了使用它作為一個(gè)Web應(yīng)用程序，你可以作為一個(gè)獨(dú)立的應(yīng)用程序?yàn)閃indows，Mac，Linux和Android、ChromeOS下載。

當(dāng)然，這是偉大的，但它的線下發(fā)展，也非常適合那些項(xiàng)目，你的客戶可能不愿意在云計(jì)算項(xiàng)目的數(shù)據(jù)和代碼的實(shí)驗(yàn)。它還配備了帶有CSS預(yù)處理器，和幾乎每一個(gè)框架你可以叫掉你的腦袋。

獎(jiǎng)金：它可以與一個(gè)應(yīng)用程序稱為整合webdgap出口代碼作為本地桌面或移動應(yīng)用程序，所以很偉大的原型。

6。grapesjs

grapesjs是一個(gè)網(wǎng)站建設(shè)者。嗯，這是一個(gè)網(wǎng)站建設(shè)者的框架。你可以打開和編輯您的網(wǎng)站設(shè)計(jì)在線。它支持響應(yīng)式設(shè)計(jì)（當(dāng)然），編輯自己的代碼（如果你真的想），幾個(gè)預(yù)覽模式，撤銷/重做和更多。它也有一套，你可以拖放在預(yù)先定義的頁面元素。

但實(shí)際上，GrapesJS是被扔到其他人的項(xiàng)目。你可以把它包含在一個(gè)更大的應(yīng)用程序，如網(wǎng)站建設(shè)者服務(wù)，一個(gè)可安裝的CMS，通訊管理應(yīng)用程序，或是任何可能需要的HTML / CSS模板，可由用戶定制。這是很容易使用。有一個(gè)為每個(gè)網(wǎng)頁設(shè)計(jì)不熟悉的學(xué)習(xí)曲線，也將永遠(yuǎn)是，但它是一個(gè)很能干的網(wǎng)頁編輯器。