2015年8月27日

將網頁所有網址字串轉換為超連結

雖然「超連結」語法不難,但終究多數的訪客並不熟悉程式語言、不瞭解 HTML 碼,那麼在留言、發表意見時,若需要引用網址,訪客是不會使用 A 標籤語法的,只會直接貼上 http 開頭的網址連結字串。

如此一來,留言中的網址連結無法點擊,不利於資訊傳播。因此我們可以看到 Facebook、Google+ 等社群媒體的設計,會自動將網址字串轉換為超連結,才能發揮社群的散播力。

同樣的,如果想讓自己網站(或留言區塊)的網址字串發揮傳播力,同時也是友善的使用者體驗,那麼安裝本文這個工具相信是必須的。以下先說明程式原理,想直接安裝請跳至「二、安裝程式碼」。

(圖片出處: pixabay.com)
2015年8月15日

讓網頁表格能自動排序﹍TableSorter 安裝懶人包

web-table-sort-jquery-plugin前陣子製作「CSS 色碼英文名稱對照表一覽」時,需要一個 "讓表格能排序" 的功能,這樣讀者就能依照自己需求,針對不同欄位進行排序,如此查找資料非常方便,算是一個「友善的使用者體驗」。

因此研究了一下網頁表格排序的功能,本篇記錄一下處理的心得,並將安裝方式整理成懶人包,有需要的讀者套用起來會很方便。

2015年8月11日

CSS 色碼英文名稱對照表一覽﹍快速挑選好看的顏色

color-code-table之前看到這篇「CSS1-CSS3 顏色知識知多少?」,整理了所有 "可用英文命名" 的顏色及色碼,這樣的表格對於查找顏色還滿不錯的。

由於原作者的表格,是依照 CSS1 ~ CSS3 的順序來編排,算是學術用途。我把這個表格整理了一下,變成可以依照英文字母、也可依照色碼來升冪、降冪排序,這樣對於實務用途會比較方便。

2015年8月1日

Blogger 首頁文章怎麼消失了?

add-readmore其實這個問題已經趨近每月一問,由於出現次數頻繁,乾脆整理成一篇,以後直接給此篇連結就好。

要瞭解這個問題之前,得先瞭解 Blogger 的官方限制。知道原理之後,就能理解解決方法了。