UNORTHODOX WORKBOOK

2014.11.24 Mon

CSSのみで画像を菱形に切り抜いて表示する方法

前回の記事に引き続き、菱形についての話題。好きです菱形!! 今回は、CSSのみで画像を菱形に切り抜く方法です。そんなに難しいことではないんですが、ちょっと躓いたところがあったので、ポイントとかも含めてブログに残しておきた…

2014.11.19 Wed

CSSのみで菱形を作る方法まとめ

菱形を大量に使ったサイトを制作しているんですが、画像を使わずにCSSのみで菱形を作る方法はいくつかあって、それぞれに向き不向きみたいな特徴があるので、作り方も含めて自分用にまとめてみました。 ちなみに「菱形を大量に使った…

2014.10.13 Mon

カラーミーショップで標準機能とは別に特定の商品をトップページに表示する

以前、カラーミーショップでPHPのfor文のような繰り返し処理という記事を書いて、これを使って何か面白いことはできないかなと考えていたんですが、使えるようで使えないようなことを考えついたので、備忘録としてメモ。 やること…

2014.10.01 Wed

インラインSVGで、alt属性のような画像の代わりになるテキストを指定する方法

最近よくSVGを使っている。何かと便利なので、IE8を考慮しなくてもよい時は、写真以外の画像は全てSVGにしてしまっている。IE8さえなければもっと大胆に使えるのに…。滅びろIE8…。(IE6,7はもう既に完全に何も考え…

2014.09.08 Mon

カラーミーショップでPHPのfor文のような繰り返し処理

カラーミーショップ上で、PHPのfor文のような繰り返し処理（for $i=0; $i<10; $i++ みたいの）ができないか調べていたところ、smartyのsection…