Month: 三月 2014

Categories
通風報信

Using SVG as Icon System

A few days ago, Chris Coyier published an article “Icon System with SVG Sprites” talking about how to utilize SVG Sprites as an Icon System.

After reading this, I’ve done some experiments on this topic.

Continue reading “Using SVG as Icon System”
Categories
通風報信

CSS 分散對齊橫列選單項目

在打造網站版面時，有時候為了美觀因素，在網站的主選單會把項目內容分散對齊，讓視覺重心看起來比較平衡。



.__wrapper {
  width: 960px;
  margin: 0 auto;
}

.__hidden {
  display: none;
}

ul.__inline {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.__inline > li {
  display: inline-block;
}

以上是一個基本的主選單內容，要達成這個目的，以 CSS 一般來說有以下三種作法：

Continue reading “CSS 分散對齊橫列選單項目”