2015.11.12
分類:HTML/CSS

codyhouse 的 tooltip 線上教學筆記與心得

剛剛收到一封 codyhouse 的線上課程通知,這一期他們推廣的是 CSS animation 應用,好奇點...
2015.11.04
分類:HTML/CSS

讓 Facebook 社交小工具(Page Plugin)能有 RWD 的效果

Facebook 的 Page Plugin (原先的 like box)預設沒有提供 RWD 的效果,如果希...
2015.09.07
分類:HTML/CSS

從 CSS sprite 進化到 SVG sprite

很久沒寫文章了,今天想跟大家分享 CSS sprite、Web icon font,以及 SVG sprite...
2014.06.24
分類:HTML/CSS

用 css 讓區塊水平垂直置中

有時候我們需要做個前導頁或是簡單的名片形象頁,在內容不多的情況下,可能需要讓 DIV 垂直以及水平置中;除了 DIV...
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.04
分類:Design, HTML/CSS

動手更換 Facebook 的新版面

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

利用 css 讓 ul div 置中

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

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

去年看了一篇文章「Client-side full-text search in CSS」可以在單一頁面即時搜...
Copyright (C) MUKI space* / Reborn Theme All Rights Reserved.