iT邦幫忙

鐵人檔案

2013 iT 邦幫忙鐵人賽
回列表

快寫HTML靜態網頁 系列

平凡的HTML可以用不平凡的工具套件產生,避免從頭、重覆造輪子的痛苦。本系列介紹一些編寫HTML相關工具,提升編寫HTML的效率,也有助於開發動態網頁之使用。

鐵人鍊成 | 共 27 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文
DAY 1

快寫HTML靜態網頁的緣起

疑問 HTML?這麼簡單而平常的東西, 等於是網路的ABC的基礎, 要講就該講HTML5或其他較新較有花樣的議題, 靜態網頁?聽起來就很遜, 動態網頁,或者說由...

2013-09-16 ‧ 由 逮丸逮丸 分享
DAY 2

用 zen coding 快寫 HTML 標籤

打字快沒什麼,但能用最少的文字就幫忙吐出完整所需的所有文字,就比較神奇。 什麼是 zen coding? 簡單來說就是可以很快把HTML標籤語言寫得更快。 看個...

2013-09-17 ‧ 由 逮丸逮丸 分享
DAY 3

在 notepad++ 裡使用 zen coding

我沒有Mac也不會去買Textmate編輯程式, 要怎麼用zen coding來快寫 HTML? 支援 ZC 的編輯器 從 ZC 的 官網 或 wiki 裡列舉...

2013-09-18 ‧ 由 逮丸逮丸 分享
DAY 4

vim + sparkup 快寫 HTML

看起來圖型界面的編輯器可以有完整的ZC功能, 而在Linux的CLI界面的編輯器可以用ZC嗎? vim有許多與寫程式相關的套件, 其中的sparkup是zc的解...

2013-09-19 ‧ 由 逮丸逮丸 分享
DAY 5

emmet 實現 zen coding 在 vim 環境中

前篇的sparkup在vim裡, 只有zen coding的縮寫擴展的功能, 若要在vim裡實現完整的ZC功能, 也可試試 emmet。 簡單的安裝步驟 用以下...

2013-09-20 ‧ 由 逮丸逮丸 分享
DAY 6

vim裡用 snipmate 快寫HTML及程式碼

縮寫擴展的方式好像很好用, 即然可以用在 HTML 上, 也會有類似的機制用在寫程式上? snipmate 可以加快寫碼的速度。 安裝snipmate 要先安裝...

2013-09-21 ‧ 由 逮丸逮丸 分享
DAY 7

輕量的標籤語言 HAML

前幾篇有關快寫HTML的解決方案, 都是聚焦在有哪些編輯器, 可以快速寫HTML的方式。 這些方式簡而言之, 就是透過編輯器上辨識縮寫然後做擴展的動作達成。 而...

2013-09-22 ‧ 由 逮丸逮丸 分享
DAY 8

Markdown 另個輕量標籤語言

用輕量級的語法來寫HTML, Markdown也是許多線上發文裡, 做為語言標示的工具的其中之一。 解析markdown的工具 不同的程式語言環境, 有各自解析...

2013-09-23 ‧ 由 逮丸逮丸 分享
DAY 9

更多的輕量標籤語言

本來想簡介有關另個標籤語言 Textile, 但查看一些文章後,才驚覺大概有幾十種的輕量標籤語言。 一堆輕量標籤語言 在查詢Markdown與相關輕量語言比較時...

2013-09-24 ‧ 由 逮丸逮丸 分享
DAY 10

用HAML寫HTML內容會遜掉?

許多的CMS或部落格平台, 支援Markdown的格式, 所以Markdown就是最佳寫HTML的快寫工具嗎? 在 Haml Sucks for Content...

2013-09-25 ‧ 由 逮丸逮丸 分享