我喜歡靜態網站。更準確地說，我喜歡他們的加速網站前端開發與CSS編寫。有坐在屏幕前純潔的東西；它只是你和你的文本編輯器，在普通的HTML和CSS的編寫。

別誤會，動態網站也很有趣。上帝知道我喜歡WordPress和使用，它為用戶提供方便。靜態網站，帶我回來，雖然。我記得從所見即所得的軟件切換到一個文本編輯器。我記得簡化開發過程中與我的第一個PHP函數：包括。那些日子很美好，但不像很多其他人，他們不是都走了。

深圳網站制作可以做的更好。預處理器少和薩斯大大提高編寫CSS的經驗。我們有一些腳本語言融入我們的HTML，如果我們這樣選擇。然后…然后人們做了一些很有趣的事情。
我先前提到的錘應用程序的Mac。這是一個應用程序，介紹了其自身的功能和擴展到老好的HTML，允許你指定一個文件作為另一部分，和其他的好東西。它編譯成靜態的網站，可以定期舉辦的地方。它實際上比相當多的特點，但這篇文章不是關于錘。為什么？它僅適用于Mac平臺。

 
這不是一個應用程序，它是一個非常。它包括預處理對CSS。它包括模板的HTML文件的語言。這是一個小型服務器，可用于開發，或轉為實際生產服務器。您可以使用服務器端JavaScript把它變成一個完整的應用程序，它運行在Node.js。或者，如果你不是一個程序員，你可以建立你的靜態網站，然后編譯為托管的地方。

因為它是基于Node.js，它是跨平臺的。這也是MIT許可，所以它是免費的。你甚至可以進行修改和重新發布或轉售它如果你喜歡。
現在，他一直留意的人會注意到，CSS編寫是不是唯一的此類工具。很多人都把Web項目創建基于節點的工具快速入門。我和這些主要的問題是，他們普遍認為你要使用他們喜歡的CSS框架，動畫，或HTML模板。CSS編寫讓你要寫的代碼沒有假設。它只會給你的工具來編寫它更快。
請注意，必須安裝并運行通過命令行。沒有GUI的這。但一旦你得到它去，一點都不難的好處大于學習曲線。
 
加速網站前端開發與CSS編寫工具
CSS預處理器
現在，我的大多數讀者肯定熟悉，網絡行業試圖提高香草CSS的方法。當您的項目的微型服務器正在運行，那么，蔬菜，和手寫筆都是自動編譯成CSS文件。
編譯總是令人滿意的快。在我的測試中，我的網站所做的改變有編譯所花費的時間，我把我的文件，然后刷新我的瀏覽器。

加速網站前端開發與CSS編寫模板語言
還包括玉和EJS。這些都是JavaScript模板語言設計來幫助你寫/產生更大的靈活性，更高級的HTML文件?；旧希憧梢詣摻℉TML模板，并保存你的實際頁面內容分別從這些模板。這就像使用CMS，只是沒有數據庫（除非你想），你寫的所有內容為純文本文件。
真正的優勢是，當然，代碼維護，加上所有的很酷的東西，真正的程序員可以用實際服務器和客戶端JavaScript。也正是這些語言，允許你創建更先進的系統，如博客，都比較容易（再次，如果你對工資的程序員）。

兩者之間的區別是什么？它主要是關于你如何喜歡寫代碼。
技術使事情變得簡單。如果你已經知道HTML，它只是添加特定的標簽技術，像這樣：<% %>包括全球/頭。我做了什么嗎？基本上，我只是抓住了我的另一個文件的HTML頁面標題和進口用于我的主要模板。你可以做一些更復雜的東西，當然。這就是CSS編寫文件說關于技術。
玉以非常不同的方式來編寫HTML完全。它看起來像這樣，在項目的主頁顯示：

所有這些都會轉化為HTML和JavaScript。注意一個包涵if/else語句就在這中間，和適當的壓痕的依賴。

CoffeeScript是什么玉是HTML，JavaScript?；旧希@是一個簡化的格式寫JavaScript，然后被編譯成正規的東西。如玉，這是嚴重的壓痕的依賴，和下降很多語法。

它看起來像這樣（另一個例子是無恥地抄襲了該項目的主頁）：
數學= 
根：數學。sqrt 
廣場：廣場
立方體：（x）-> x * x的平方
和輸出看起來像這樣：
數學= { 
根：數學。sqrt，
廣場：廣場，
立方體：函數（x）{ 
返回X平方（x）；
 } 
；

加速網站前端開發與CSS編寫平臺
創建與CSS編寫的網站可以托管的地方，當然。值得一提的是，雖然，CSS編寫的創作者一個托管平臺專門設計的東西與他們的軟件建。定價是不是壞的，它集成了Dropbox方便自動更新到您的網站。看看這里：www.harp.io
 
結論
CSS編寫，其預處理、模板語言，純粹的速度，和跨平臺的善良，是一個堅實的除了任何設計師的工具箱。我說值得學習曲線。

網頁設計的元素周期表
高質量的內容是什么？