所有文章列表
2014.05.14
分類:HTML / CSS

利用純 CSS3 做出自適應的 lightbox

因為工作需求,要做一個使用說明頁。但「使用說明」並非這個案子的主要需求,所以決定利用 Lightbox 取代多做一頁 HTML,但使用功能強大的 Lightbox...
2014.04.28
分類:HTML / CSS

display: table-cell 無法使用 margin/ padding 的解法

只要是使用 HTML+DIV 排版的人,應該都很清楚 table 是用來繪製表格,而非用來排版的這件事情。 然...
2014.04.11
分類:電影

美國隊長 2 酷寒戰士

觀影心得 美國隊長史蒂夫羅傑斯(Steve Rogers)隱居在美國華盛頓特區,他努力適應現代世界,但在一名神...
2014.04.04
分類:HTML / CSS

動手更換 Facebook 的新版面

Facebook 終於改版了!但體驗不太好,雖然塗鴉牆的圖片尺寸變大了,訊息的間距也因此變小。假設一個人每天要看的資訊流很大,或像我一樣是 FB...
2014.03.13
分類:電影

KANO

劇情大綱 《KANO》以台灣史上首支由台灣人、日本人和原住民組成的棒球隊,打進甲子園決賽的嘉農棒球隊為背景,描...
2014.03.10
分類:HTML / CSS

利用 css 讓 ul div 置中

我們常利用 ul 做選單、做列表、做頁碼 ...等等,但會碰到一種狀況,是想讓 ul 置中,如果你直接寫 te...
2014.03.07
分類:JavaScript

使用 CSS:not 與 data-index 即時搜尋頁面

去年看了一篇文章「Client-side full-text search in CSS」可以在單一頁面即時搜...
2014.02.27
分類:HTML / CSS

用 data-* 屬性做出純 CSS 的 tooltip

最近因為案子需求,要做「tooltip」的功能,簡單來說,tooltip 是一種「當滑鼠移過文字時,會跳出一個...
2014.01.07
分類:小日記

新書 WordPress七天速成班 心得與介紹

雖然小時候的願望之一是寫作沒錯,但我想寫的是原創小說啊!! 老實說,小時候在看電腦書時,還真沒想過有一天我會寫...