2016-08-16 分類: 網站建設
我喜歡靜態網站。更準確地說,我喜歡他們的加速網站前端開發與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文件?;旧?,你可以創建HTML模板,并保存你的實際頁面內容分別從這些模板。這就像使用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編寫,其預處理、模板語言,純粹的速度,和跨平臺的善良,是一個堅實的除了任何設計師的工具箱。我說值得學習曲線。
當前題目:加速網站前端開發與CSS編寫
文章轉載:http://m.newbst.com/news5/20905.html
成都網站建設公司_創新互聯,為您提供網站營銷、外貿網站建設、動態網站、建站公司、網站建設、微信公眾號
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容