鐵人檔案
平凡的HTML可以用不平凡的工具套件產生，避免從頭、重覆造輪子的痛苦。本系列介紹一些編寫HTML相關工具，提升編寫HTML的效率，也有助於開發動態網頁之使用。
要弄個網站跑的時候， 常要自己來做簡單的頁面規畫， 沒有資料的時候就亂貼一通來測試； 但可以用更方便的方法。 為何常見Lorem ipsum？ 為什麼好多的De...
隨機假文有了，但也需要有點變化的假圖， 好讓版面不會那麼單調。 圖形常是版面的需要 頁面的設計裡常需要有圖形的位置， 臨時的圖片且符合所要的大小， 成為常常的必...
使用 stasis 產生靜態網頁， 除了每更新HAML檔後， 再執行編譯的方式之外， 也提供了即時監測更新的方式。 靜態網頁即時更新 靜態網頁與動態網頁的區別，...
不同於stasis只是單純的轉換， nanoc 有較多的功能快速建立管理網頁。 可執行的指令 nanoc 是 ruby 環境下的工具，只要執行 gem inst...
既然用 nanoc 可以有效維護網頁， 也試試怎樣讓 nanoc 支援 HAML 的格式。 把layouts/ 裡面改副檔名而成為 default.ham， 且...
如果希望在自己的機器裡，建立靜態網頁的blog，Jekyll是快速又功能強大的選擇。 安裝及最簡單的使用 相較於前幾篇所介紹的， 因為功能強大，安裝時所要的套...
前幾篇簡介了靜態網頁產生器的使用， 事實上不限於這幾種， 而有更多的產生器可選擇。 為何用靜態網頁產生器 怎麼架個自己的站， 一開始只是有個web 網站， 提供...
前2/3的篇幅是介紹快寫HTML的語法、工具， 以及能夠像動態網頁似地快速更新網頁的靜態網頁產生器。 接下來介紹如何快速安排網頁元素的佈局及美化。 一片空白的...
如果只需要大區塊的網頁佈局， EZ-CSS是既輕量， 又提供一些常用的例子可立即使用。 早期的網頁佈局常是用 table 的HTML元件來進行， 而用 tab...
在眾多 CSS 框架裡， Bootstrap 在網頁程式開發的環境裡， 可能是簡潔又易用的前端框架工具。 此框架最早是以 Twitter Bootstrap 為...
