我在 WordCamp Taipei 活動上分享自己的網站經營心得，其中提到我對網頁的版面設計及排版相當重視，內容寫得好不好其次，更重要的是讓進入網站的訪客會想看看你究竟寫些什麼，就像美食需要擺盤陪襯，美酒需要酒瓶包裝，即使你不是那麼表面，還是不得不承認字型是一個網站需要下點功夫用心研究的元素。
排版
改行くん：幫你的 Instagram 發文換行，打字複製貼上自動轉格式（iOS）
Gutenberg 開放原始碼網頁列印樣式下載，讓輸出網頁更正確美觀
現今已經很少人會把網頁內容列印出來，PDF 表格表單大多能在線上處理，再加上家裡可能也不太放印表機，其實超商就能列印影印傳真，實在是沒有必要再添購一台機器放家裡佔空間。但對網頁設計者來說，有時候仍得兼顧到使用者列印內文的需求，但要怎麼樣才能讓列印出來的畫面符合使用者期待呢？至少列印時該出現的部分要出現，不該出現的廣告也盡量避免，顏色什麼的調整一下，其實可以透過 CSS 樣式來最佳化列印效果。
GitHub 將 CSS 設計框架開放原始碼，釋出 Primer 專案可免費下載！
BLOKK 適合在 Mockup 使用的填充字型，讓視覺效果更貼近真實樣貌
如果你是從事網頁開發、平面設計工作的話，應該會很常使用範例文字或圖片來填充設計區域，使 Mockup 或 Wireframe 更貼近完成時的效果。最近我在網路上找到另一個解決方案，透過 BLOKK Font 免費字型可以更快速地為你產生範例文字，這套字型完全免費，而且相當輕巧，主要是把文字轉為類似於方塊的顯示效果，遠遠看起來就有點像是卡通報紙呈現的感覺。
12 個你應該知道的中英文假字、文章產生器（Lorem Ipsum）
對於網頁開發或平面設計來說，在工作時可能經常會需要使用一些文字或圖片來填充空白區域，以設計排版，讓它看起來更接近完成時的樣貌，也能協助其他人瞭解你的構想。先前我們曾經介紹過 Placehold.it 範例圖片產生器，可依照使用者的需求來產生特定寬度、高度的圖片，用以測試在不同大小圖片下的網頁呈現效果。那如果需要範例文字，你會怎麼做呢？