【jQuery】Lightbox プラグイン「slick lightbox」をカスタマイズする [IE9以上]

デモを見る ファイル一式をダウンロードする IE8 以下では一切使えません。 カルーセルスライダー  slick を、Lightbox化した…

【jQuery】スクロールイベントでよく使う基本的な3つの .offset().top [IE7対応]

Webサイト制作でちょくちょく使っている、スクロールイベントの offset().top 3つです。 ただスクロールイベント系は、プラグイン…

同窓会のため北陸新幹線で金沢へ

先月同級生から電話があり、「小学校が廃校になるらしいよ。そこで同窓会をやろうってことになったんだけど、来る?」と誘いを受けた。 別の同級生二…

Facebook「いいね」ボタン 吹き出しありの旧コード(2015年9月時点で有効)

2年ぶりくらいにFacebookの「いいね」ボタンをWebサイトに設置したところ、ボタン横に文法のおかしな日本語テキストが表示された。 UR…

【jQuery】1枚背景画像サイトで使えるかもしれないパララックスサンプル2つ [一部IE8未対応]

サンプルの汎用性が低いため、実務で使えるかは微妙です。ただ、「こういうことが出来ます」と提案できるため、覚えておいて損はないはず。 目次 画…

【jQuery】覚えておくと便利な、スクロールで対象要素がフェードするサンプル3つ [IE7対応]

1枚画像背景のブロックをスクロールしていくサイトなどでは、ブロックの中身をフェードさせると、容易に見栄えを良くすることができます。 あまりや…

デモに参加する負け組にだけはなるな

現代日本における負け組とは誰のこと? 空気に流されて、デモに参加しているような人間のこと。 思想が右とか左だとか関係ない。 その行動が無意味…

【jQuery】Animate.css との合わせ技で、フルFlashサイトみたいな動きを作る [IE10以上]

デモを見る ファイル一式をダウンロードする 本記事のデモは Sublime Text で使っています。 アニメや映画などを紹介するエンタメ系…

【jQuery】シンプルなスクロールスパイを作りました [PC限定 / IE9対応]

デモを見る ファイル一式をダウンロードする 皆さんブログで Bootstrap のスクロールスパイをよく紹介されていますが、余計なコードを多…

【docomo Wi-Fi】SSID / セキュリティキーをMy docomo(管理画面)で確認する方法

PCで確認したので、スマホでも同じかは不明。 下記ページにアクセスして、順番にクリックしていけば辿り着く。(My docomo へのログイン…

【バグ】opacity や translate 4つのバグと解決策

2017/01/29 Mac OS / Safari 限定で translate バグのスクロールフリーズが再発しました。面倒くさいので直し…

【jQuery】実務で必要な11項目をクリアした、レスポンシブドロワーメニューを作りました [IE9以上]

デモを見る ファイル一式をダウンロードする 2017/01/29 Mac OS / Safari 限定でスクロールできなくなりました。面倒く…

【jQuery】[緊急] iOS 8.4.1 の :hover バグをユーザーエージェント切り替えで対処 [IE7対応]

昨日、「ブレークポイントで切り替えれば問題なし」と投稿しましたが、検証を重ねるとダメなことが判明しました…。すみません。 :hover で透…

【HTML/CSS】JavaScriptを使わないシンプルなパララックスの作り方 [IE7対応]

デモを見る ファイル一式をダウンロードする 動きのないシンプルなパララックスは、JavaScript無しで簡単に作ることができます。フルブラ…

【Windows】Sass や Ruby などインストールしているシステムは、定期的にアップデートの確認を

本日、Sassの公式twitterが「3.4.17 にアップデートした」と発表しました。 Just released: Ruby Sass …

【jQuery】タッチデバイスでも滑らかなスムーススクロールを作りました [IE8対応]

2016/07/08 jQuery 2.2 対応に修正しました。 デモを見る ファイル一式をダウンロードする お客さんから「スマホでスムース…

【jQuery】表示させたときにスクロールを固定する、シンプルなモーダルウィンドウを作りました [IE9一部未対応]

デモを見る ファイル一式をダウンロードする 2016/05/31 translateY() を追加した滑らかバージョンを作っておきました。 …

2年後の未来を勝ち取れ

「10年後の自分はどうなっていると思いますか?」 日々の様々な出会いの中で、このような質問を受けることがある。 そんな時は、こう切り返す。 …

【jQuery】サイド固定の縦100%と、Amazonライクなマウスオーバーメガメニューを作りました [スマホ未対応 / IE8対応]

デモを見る ファイル一式をダウンロードする ふと、「Amazonのメガメニューはどの程度のコードで作れるだろう?」と思い、作ってみました。タ…

【jQuery】横幅3種類、マウスオーバードロップダウンを作りました [スマホ未対応 / IE8対応]

デモを見る ファイル一式をダウンロードする 仕事で依頼されるドロップダウンは、大抵この3種類なので作っておきました。マウスオーバーをスマホ対…