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」可以在單一頁面即時搜...
2014.02.27
分類:HTML/CSS

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

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

強烈推薦收藏好物 – CSS Specificity (CSS 權重一覽)

CSS 權重表來自於今年的 CSS DevConf,利用漫畫「圖+文」的表現方式,清楚的讓大家知道 CSS 的...
2013.08.27
分類:HTML/CSS

使用 CSS nth-child 必須要注意的事情

之前有寫過一篇 利用 :nth-child() 讓網頁展示商品時左右對齊 的文章,裏面有稍微提到 :nth-c...
2013.05.22
分類:HTML/CSS

淺談 section 運用以及與 outline 間的關聯

HTML5 正夯? 恩,其實夯很久了!而 HTML5 絕對不只有語意那麼簡單罷了,它包含了很多前端的新功能與新...
2013.04.01
分類:HTML/CSS

讓 float 的 div 高度相同

今天同事問我要怎麼讓 float 的 DIV 可以有相同高度? 亦即,即使左邊的 DIV 文字行數比較少,也會...
2013.03.09

使用 HTML5 和 jQuery 簡易存取資料

HTML5 增加了一個 data-* 的屬性,可以讓大家很方便的存取這些數據,而且完全不會影響你的版面。假使要...
Copyright (C) MUKI space* / Reborn Theme All Rights Reserved.