2015.02.21 Sat

CSSのみでストライプの背景をマウスホバーで動かす

CSSの小ネタ。マウスホバー時の挙動として、ちょっと面白かったのでCSSだけで作ってみました。 ストライプの背景をマウスホバーで動かし、ぐるぐると回っているような感じに見せるエフェクトです。画像を一切使わず、背景のストラ…

2015.02.16 Mon

CSSのみで作るドロップダウンメニュー(シングル＆多階層＆メガ)

jQueryを利用したものしか作ったことがなくて、今後、使いそうな機運があったので、今さら感は半端ないですけどCSSだけで実装するドロップダウンメニューを作ってみました。 こういうのは使い回しすることが多いので、自分用に…

2015.02.09 Mon

非表示にしたメニューをクリックでモーダルウィンドウ風に画面いっぱいに表示する

最近良く見かけるメニューですね。メニューボタンをクリックするとモーダルウィンドウが画面いっぱいに広がって項目が表示されるやつ。今まで一度も使ったことがなかったので、流行ってる(?)し、試しにちょっと作ってみました。 ta…

2015.02.05 Thu

[jQuery]スクロール量に応じて(連動して)、アニメーションさせる方法

アニメーションというか、jQueryでスクロールを監視して数値化し、それをリアルタイムに反映させることで滑らかに動かす方法。スクロール量に連動させているので、スクロールするたびにアニメーションのような滑らかな動きをします…

2015.02.01 Sun

[CSS] transform:perspectiveを使用した、パタッと開いて閉じるサイドメニュー

このサイトでも使用している(2015年1月現在)パタッと開いてパタッと現れるサイドメニューを実装する際に、CSSの transform:perspective を使用したんですが、少しはまった点があったので、復習を兼ねて…

2015.01.22 Thu

Velocity.jsを使ったスムースなページ内スクロール

アニメーションについて色々と勉強している。jQueryのアニメーションはこま落ちするし、CSSのアニメーションは計量だけど、少し複雑だったり、同時に走らせたりすると、(Macだと特に)カクついてしまうことが多くて困ってい…

2015.01.21 Wed

カラーミーショップで特定の商品ごとに表示を切り替える方法

カラーミーショップで、商品ごとに表示を切り替えたい時に使える方法をご紹介します。 以前、カテゴリーごとに商品ページを切り替える(正確にはカテゴリーごとで非表示にする)というのをご紹介しましたが、今回はカテゴリーやグループ…

2015.01.18 Sun

VirtualBoxとmodern.IEでWin8.1+IE11の環境をいまさらMacに構築してみた

今まで、IE6~IE9の表示確認は、古いWindowsPCがあったのでそれで行っていて、実機で確認できていたので、わざわざ仮想環境とか必要なくて、今まで触れてこなかった。 このサイトをリニューアルした際に、SVGとかCS…

2015.01.13 Tue

Amazonアソシエイトの審査に落とされ続けた件

小金欲しさに Amazonアソシエイトのリンクでも貼ろうかなぁと思って、気軽な気持ちでアソシエイトの審査に申請したんだけど、見事に落とされた。 申請時の書き方がおかしかったのかなと思って色々と書き直しながら、結局、計５、…