2016-08-16 分類: 網(wǎng)站建設
我喜歡靜態(tài)網(wǎng)站。更準確地說,我喜歡他們的加速網(wǎng)站前端開發(fā)與CSS編寫。有坐在屏幕前純潔的東西;它只是你和你的文本編輯器,在普通的HTML和CSS的編寫。
別誤會,動態(tài)網(wǎng)站也很有趣。上帝知道我喜歡WordPress和使用,它為用戶提供方便。靜態(tài)網(wǎng)站,帶我回來,雖然。我記得從所見即所得的軟件切換到一個文本編輯器。我記得簡化開發(fā)過程中與我的第一個PHP函數(shù):包括。那些日子很美好,但不像很多其他人,他們不是都走了。
成都網(wǎng)站制作可以做的更好。預處理器少和薩斯大大提高編寫CSS的經(jīng)驗。我們有一些腳本語言融入我們的HTML,如果我們這樣選擇。然后…然后人們做了一些很有趣的事情。
我先前提到的錘應用程序的Mac。這是一個應用程序,介紹了其自身的功能和擴展到老好的HTML,允許你指定一個文件作為另一部分,和其他的好東西。它編譯成靜態(tài)的網(wǎng)站,可以定期舉辦的地方。它實際上比相當多的特點,但這篇文章不是關于錘。為什么?它僅適用于Mac平臺。
這不是一個應用程序,它是一個非常。它包括預處理對CSS。它包括模板的HTML文件的語言。這是一個小型服務器,可用于開發(fā),或轉(zhuǎn)為實際生產(chǎn)服務器。您可以使用服務器端JavaScript把它變成一個完整的應用程序,它運行在Node.js?;蛘?,如果你不是一個程序員,你可以建立你的靜態(tài)網(wǎng)站,然后編譯為托管的地方。
因為它是基于Node.js,它是跨平臺的。這也是MIT許可,所以它是免費的。你甚至可以進行修改和重新發(fā)布或轉(zhuǎn)售它如果你喜歡。
現(xiàn)在,他一直留意的人會注意到,CSS編寫是不是唯一的此類工具。很多人都把Web項目創(chuàng)建基于節(jié)點的工具快速入門。我和這些主要的問題是,他們普遍認為你要使用他們喜歡的CSS框架,動畫,或HTML模板。CSS編寫讓你要寫的代碼沒有假設。它只會給你的工具來編寫它更快。
請注意,必須安裝并運行通過命令行。沒有GUI的這。但一旦你得到它去,一點都不難的好處大于學習曲線。
加速網(wǎng)站前端開發(fā)與CSS編寫工具
CSS預處理器
現(xiàn)在,我的大多數(shù)讀者肯定熟悉,網(wǎng)絡行業(yè)試圖提高香草CSS的方法。當您的項目的微型服務器正在運行,那么,蔬菜,和手寫筆都是自動編譯成CSS文件。
編譯總是令人滿意的快。在我的測試中,我的網(wǎng)站所做的改變有編譯所花費的時間,我把我的文件,然后刷新我的瀏覽器。
加速網(wǎng)站前端開發(fā)與CSS編寫模板語言
還包括玉和EJS。這些都是JavaScript模板語言設計來幫助你寫/產(chǎn)生更大的靈活性,更高級的HTML文件?;旧?,你可以創(chuàng)建HTML模板,并保存你的實際頁面內(nèi)容分別從這些模板。這就像使用CMS,只是沒有數(shù)據(jù)庫(除非你想),你寫的所有內(nèi)容為純文本文件。
真正的優(yōu)勢是,當然,代碼維護,加上所有的很酷的東西,真正的程序員可以用實際服務器和客戶端JavaScript。也正是這些語言,允許你創(chuàng)建更先進的系統(tǒng),如博客,都比較容易(再次,如果你對工資的程序員)。
兩者之間的區(qū)別是什么?它主要是關于你如何喜歡寫代碼。
技術使事情變得簡單。如果你已經(jīng)知道HTML,它只是添加特定的標簽技術,像這樣:<% %>包括全球/頭。我做了什么嗎?基本上,我只是抓住了我的另一個文件的HTML頁面標題和進口用于我的主要模板。你可以做一些更復雜的東西,當然。這就是CSS編寫文件說關于技術。
玉以非常不同的方式來編寫HTML完全。它看起來像這樣,在項目的主頁顯示:
所有這些都會轉(zhuǎn)化為HTML和JavaScript。注意一個包涵if/else語句就在這中間,和適當?shù)膲汉鄣囊蕾嚒?/p>
CoffeeScript是什么玉是HTML,JavaScript?;旧?,這是一個簡化的格式寫JavaScript,然后被編譯成正規(guī)的東西。如玉,這是嚴重的壓痕的依賴,和下降很多語法。
它看起來像這樣(另一個例子是無恥地抄襲了該項目的主頁):
數(shù)學=
根:數(shù)學。sqrt
廣場:廣場
立方體:(x)-> x * x的平方
和輸出看起來像這樣:
數(shù)學= {
根:數(shù)學。sqrt,
廣場:廣場,
立方體:函數(shù)(x){
返回X平方(x);
}
;
加速網(wǎng)站前端開發(fā)與CSS編寫平臺
創(chuàng)建與CSS編寫的網(wǎng)站可以托管的地方,當然。值得一提的是,雖然,CSS編寫的創(chuàng)作者一個托管平臺專門設計的東西與他們的軟件建。定價是不是壞的,它集成了Dropbox方便自動更新到您的網(wǎng)站??纯催@里:www.harp.io
結(jié)論
CSS編寫,其預處理、模板語言,純粹的速度,和跨平臺的善良,是一個堅實的除了任何設計師的工具箱。我說值得學習曲線。
當前題目:加速網(wǎng)站前端開發(fā)與CSS編寫
文章轉(zhuǎn)載:http://m.rwnh.cn/news5/20905.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營銷、外貿(mào)網(wǎng)站建設、動態(tài)網(wǎng)站、建站公司、網(wǎng)站建設、微信公眾號
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容