デザインがあがってきたとき、ファーストビューでスライダ―があって、いつものスライダ―か･･･なんて思って見てたら以下画像のようなときがあります。 こういうときは私は「FilmRoll」というjQueryプラグインを使いま…

背景を無限にスクロールさせたり、例えば何かのイベントでスポンサー様方のロゴをスクロールで表示させたりしなければいけない場合があるかと思います。 そういった時に、以下方法で実際に実装しました。 1.CSSで無限スクロールさ…

お客様から、「スライダー（bxSlider使用）でページャーやprevボタンとかnextボタンのスライドリンクを連打したら変な動きになる！」とクレームが来ました。 連打て･･･と思いつつやってみると確かに何か挙動がおかし…

お客様から、「iPhoneでスライダ―をスワイプしたら、どうもガクガクするのですが･･･」とお問い合わせを頂き、弊社iPhone8で確認したが特に問題なし。 おかしいなぁと思いつつ、お客様に聞くとどうも最新のiPhone…

Contact Form7で特定の項目のエラーメッセージを別の位置に動かしたくなることはありませんか？ない？私はあります。お客様の要望です。 何故かフォームの特定項目が、ちょっと離れた位置に存在しており、普通にエラーメッ…

アニメーション好きな人、多いですよね。 スクロールして、要素が見えたときになんか下からフェードインしてくるとか、リストで上の項目から順に現れていくとか。 個人的にはボタンでオーバー時にアニメーションとか、メインのイメージ…

ページ内リンク（アンカーリンク）は基本的に【<a href=”#link”>】といった感じで指定しますが、たまにグローバルナビやフッターのリンクなど全ページ共通箇所でリンクを指定してい…

すごいニッチな内容ですが、実際に業務にあったことで、ワードプレスで構築したサイトで各記事毎にメールフォーム（contactform7）を設置し、送信するとその記事のタイトルを含めてメールが届くといったものでした。 その際…

例えばギャラリー一覧ページなどで、サムネイルサイズがバラバラだと格好がつかないので、全部同じサイズで揃えたいときなんかに、便利な【object-fit】というCSSがありますが、IEに対応していません。 以下サンプルのよ…

Firefoxでは、別タブ等で開かれたページを「window.close()」で閉じることが出来ません。 これはFirefoxのセキュリティポリシーで決められていることなので、どうにもできませんが、以下のJavaScri…