最近よく使うEmmet記法 少し長めの記法も一度覚えてしまえば使う頻度がかなり上がってきたのでご紹介。 fsz10px → font-size: 10px; ff → font-family tac → text-align: center; po… ゴトーハック2014.05.15 215
FontAwesomeの応用利用 サンプルはこちら。 See the Pen ElCvH by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. Webフォントアイコンとして人気のFontAwesomeを規程のクラス… ゴトーハック2014.05.15 411
CSS3:CSSだけで作るドロワーメニューver2 サンプルはこちら。 See the Pen CSS only drawer menu by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 以前作ったものをソース的により合理的に、… ゴトーハック2014.05.14 921
Sassではじめる擬似オブジェクト指向型CSS 「オブジェクト指向型CSS」といっても新しい記法などではなく、CSSの組み方の概念を指します。CSSの効率化を考えている人は無意識的にすでにやっているかも知れません。 たとえば下記のようなCSSがあったとします。 .bo… ゴトーハック2014.05.14 405
CSS3:チェックボックスの状態で大きくデザインを変える サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/FAwcq See the Pen Power button by Kazuyoshi Goto (@KazuyoshiGoto)… ゴトーハック2014.05.13 743
Webフォントパッケージを操作する Webフォントアイコンのライブラリは有名どころがいくつかあり、それらを複数使ったり、もしくは使わないアイコンは削りたいといったケースもあります。そんな時に便利なのがこちら。 Fontello – icon f… ゴトーハック2014.05.13 191
CSS3:縦の棒グラフを作る サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/zAtvG See the Pen zAtvG by Kazuyoshi Goto (@KazuyoshiGoto) on Cod… ゴトーハック2014.05.12 2,968
CSS3:グリッド背景を作る サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/Gywcd CSS3のlinear-gradientの応用で背景をグリッド状にすることが可能です。IEも10以降(?)であれば対応… ゴトーハック2014.05.12 7,008
CSSフィルター:画像の階調を変える サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/hjLso 画像の階調を変えネガポジ反転させることができます。 CSS filter:invert(100%); 0%が標準で、1… ゴトーハック2014.05.09 555