ec-cube webアイコンフォントと疑似要素を便利に使ってみよう

見出しやリストのアイコンは画像として作成して、cssで設定してきた方も多いのではないでしょうか。 画像だと色や大きさを変更したいとき、一度作り直してサーバーにアップして・・・と、 多少の作業が生じてしまいます。 そんな時 […]

ec-cube CSSで画像のトリミングをしよう!

Wordpress等で画像をアップする際、サイズを調整するために加工するのって手間でもあるし、 PCに詳しくない人に更新をお願いする場合にはなるべく簡単にしたいですよね。 今回は更新が劇的に楽になる!?CSSで画像をトリ […]

ec-cube CSSで奇数や偶数などの要素にだけスタイルを設定する方法

表やリストで、交互に背景の色が違うのってよく見かけますよね。 交互に背景色を変えるだけでも、特に表は見やすさが断然変わってきます。 今回は「CSSで奇数や偶数などの要素にだけスタイルを設定する方法」をご紹介します。 まず […]

ec-cube CSS3の「transform:scale()」でhover時に画像を拡大する方法

画像にマウスオーバーした時に拡大されるのってありますよね。 サイトに動きが出て、見る人の目をちょっと引いてくれます。 今回は、CSS3のtransform:scale()でhover時に画像を拡大する方法をご紹介します。 […]

ec-cube スマホとかでサイトを見ると背景が切れる時の対処法

スマホやタブレットなどでサイトを見たとき、背景が切れて表示されている場合があります。 CSSを見ても特に間違った記述もないのになんで?となってしまうでしょう。 今回は背景が切れて表示されちゃった時の対処法をご紹介します。 […]

ec-cube jQueryでサムネイルを切り替えよう

画像の拡大表示はLightBoxのプラグインを使えば簡単に実装できますが、 ECサイトなどによくある「サムネイルをクリックするとその画像に切り替わるようにしたい」ということもあるはずです。 実はこれ、jQueryを使うと […]

ec-cube CSSで作ろうプルダウンメニュー

それなりに大きなサイトになってくると、 ひとつのメニューの中にいくつものページができることがあります。 今回はそんな場合に使えそうなプルダウンメニューの作り方です。 プルダウンメニューというと、javascriptで作っ […]