初創(chuàng)公司的資源有哪些如，新的播客，色彩資源等等

我喜歡靜態(tài)網(wǎng)站。更準(zhǔn)確地說，我喜歡構(gòu)建它們。坐在屏幕前面有一種純粹的感覺。只有您和您的文本編輯器，才能使用普通的舊HTML和CSS進行編寫。

別誤會，動態(tài)網(wǎng)站也很有趣。上帝知道我是WordPress的粉絲，它為用戶提供了易用性。不過，靜態(tài)站點使我回頭。我記得從所見即所得軟件切換到文本編輯器。我記得我的第一個PHP函數(shù)（包括）簡化了開發(fā)過程。那些日子很好，但與其他許多日子不同，它們并沒有全部消失。

所不同的是，現(xiàn)在，我們可以做得更好。Less和Sass之類的預(yù)處理器極大地改善了CSS編寫的體驗。如果愿意，我們可以將任意多種腳本語言混合到HTML中。然后……然后人們做了一些非常有趣的事情。

我之前已經(jīng)提到Mac版Hammer應(yīng)用程序。這是一個應(yīng)用程序，它向良好的舊HTML引入了自己的功能和擴展，使您可以將文件作為部分文件包含在其他文件中，以及其他一些好東西。它將結(jié)果編譯到可以在任何地方托管的常規(guī)靜態(tài)站點中。實際上，它還具有許多其他功能，但是本文與Hammer無關(guān)。為什么？僅適用于Mac平臺。

進入豎琴…

豎琴介紹

它不是一個應(yīng)用程序，它的功能更多。它包括CSS的預(yù)處理器。它包括HTML文檔的模板語言。這是一個微型服務(wù)器，可以用于開發(fā)，也可以變成實際的生產(chǎn)服務(wù)器。您可以使用服務(wù)器端JavaScript將其轉(zhuǎn)換為完整的應(yīng)用程序，因為它運行在Node.js上。或者，如果您不是程序員，則可以僅構(gòu)建靜態(tài)站點，然后將其編譯以在其他地方托管。

因為它基于Node.js，所以它是跨平臺的。它也是麻省理工學(xué)院許可的，所以它是免費的。您甚至可以根據(jù)需要進行更改并重新分發(fā)或轉(zhuǎn)售。

現(xiàn)在，一直保持警惕的人們會注意到，豎琴并不是同類工具中唯一的工具。許多人正在創(chuàng)建基于節(jié)點的工具來快速啟動Web項目。我的主要問題是他們通常假設(shè)您要使用他們喜歡的CSS框架，動畫庫或HTML樣板。Harp對您要編寫的代碼不做任何假設(shè)。它只是為您提供了更快地編寫它的工具。

請注意，它必須通過命令行安裝并運行。沒有為此的GUI。但是，一旦您將它付諸實踐-這一點都不難-收益超過了學(xué)習(xí)曲線。

工具

CSS預(yù)處理器

到目前為止，我敢肯定，我們的大多數(shù)讀者都已經(jīng)熟悉網(wǎng)絡(luò)行業(yè)試圖改進原始CSS的方式。當(dāng)項目的小型服務(wù)器運行時，LESS，SASS和Stylus文件都將自動編譯為CSS。

編譯總是令人滿意的快速。在我所有的測試中，對網(wǎng)站所做的更改已在我保存文件然后刷新瀏覽器的時間內(nèi)完成。

模板語言

還包括Jade和EJS。這些都是JavaScript模板語言，旨在幫助您更加靈活地編寫/生成更高級的HTML文檔。基本上，您可以構(gòu)建HTML模板，并將實際頁面內(nèi)容與這些模板分開存儲。這有點像使用CMS，只是沒有數(shù)據(jù)庫（除非您想要一個數(shù)據(jù)庫），并且您必須將所有內(nèi)容寫入純文本文件。

當(dāng)然，真正的優(yōu)勢是代碼維護以及實際程序員可以使用實際服務(wù)器和客戶端JavaScript進行的所有出色處理。這些語言也使您可以相對輕松地創(chuàng)建更高級的系統(tǒng)（例如博客）（同樣，如果您有薪水的程序員）。

兩者有什么區(qū)別？主要是關(guān)于您更喜歡如何編寫代碼。

EJS使事情變得簡單。如果您已經(jīng)知道HTML，那么只需添加特定于EJS的標(biāo)簽，就像這樣：<％include global / header％>。我在那里做什么？基本上，我只是從另一個文件中獲取了頁面標(biāo)題的HTML，然后將其導(dǎo)入以在主模板中使用。當(dāng)然，您可以做很多更復(fù)雜的事情。這是Harp文檔對EJS的評價。

Jade采取了完全不同的方式來編寫HTML。看起來像這樣，如項目首頁所示：

body  h1 Jade - node template engine  #container.col  if youAreUsingJade  p You are amazing  else  p Get on it!  p.  Jade is pretty cool, 

所有這些都被翻譯成HTML和Javascript。請注意，在所有語句中間都包含一個if / else語句，并依賴于適當(dāng)?shù)目s進。

咖啡腳本

杭州網(wǎng)站建設(shè)對JavaScript就像Jade對HTML一樣。基本上，這是用于編寫JavaScript的簡化格式，然后將其編譯為常規(guī)內(nèi)容。像Jade一樣，它在很大程度上取決于縮進，并且刪除了很多語法。

看起來像這樣（從項目主頁毫不客氣地抄寫了另一個示例）：

math =  root: Math.sqrt  square: square  cube: (x) -> x * square x 

輸出看起來像這樣：

math = {  root: Math.sqrt,
    square: square,
    cube: function(x) {  return x * square(x);  } }; 

該平臺

當(dāng)然，使用Harp創(chuàng)建的網(wǎng)站可以托管在任何地方。值得一提的是，Harp的創(chuàng)建者創(chuàng)建了一個托管平臺，專門為其軟件構(gòu)建的東西而設(shè)計。定價還不錯，它與Dropbox集成在一起，可輕松自動更新您的網(wǎng)站。在這里查看：www.harp.io

結(jié)論

Harp帶有預(yù)處理器，模板語言，絕對的速度和跨平臺優(yōu)勢，是對任何設(shè)計師工具箱的堅實補充。我說這值得學(xué)習(xí)。