jQuery CompareWYWプラグインで画像を利用しないようにCSSを変更する 「jQuery CompareWYWプラグインで画像のbefore / after を分かりやすく表示する」で紹介したjQuery CompareWYWプラグインを利用すると、デフォルトでは画像を利用する設定となっていま… haradaハック2014.04.21 325
TwentyTwentyプラグインで画像の before / after を分かりやすく表示する jQuery CompareWYW プラグインで画像のbefore / after を分かりやすく表示するとは別のプラグインを利用する場合です。 TwentyTwentyプラグインの場合は下記のことができます。 ・画像を… haradaハック2014.04.18 1,760
jQuery CompareWYW プラグインで画像のbefore / after を分かりやすく表示する 2枚の写真を重ねて見せて、before / afterや、オリジナル / 加工後などを分かりやすく表示しているサイトがたまにありますね。 jQuery CompareWYW pluginは、あれを簡単に行えるプラグインで… haradaハック2014.04.17 541
クレジットカード情報入力フォームを補助してくれるjQueryプラグイン Creditly.jsというjQueryプラグインを利用します。デモもこちらから確認できます。 ソースはGitHubから落とせます。 <link rel="stylesheet" href=&q… haradaハック2014.03.18 2,466
リアルタイムでエラーチェックする(2) リアルタイムでエラーチェックするの続きです。引き続きjQuery Live Form Validation というjQueryプラグインを利用しています。 パスワードは文字数の条件を追加、他の項目は入力必須に設定していま… haradaハック2014.03.14 310
セレクトボックスでの複数選択を簡単にするjQueryプラグイン Aipo.comのユーザー選択画面だとCtrlを押しながらでないと複数ユーザーを一気に選択できないため、もっと簡単にできる方法はないかなと探していて見つけたjQueryプラグインです。jQuery multiselect… haradaハック2014.03.07 4,917
リアルタイムでエラーチェックする <アンケート調査結果Vol.2イライラ編>ユーザーがフォーム入力中イラつく原因 を見ていたら、1位は「イライラの理由1位「正しく入力したつもりがエラーと判定される」75%」らしいです。私も確かに経験があります。旅行サイト… haradaハック2014.03.06 1,456
テキストの長さに応じて自動でテキストエリアを広げてくれるjQueryプラグイン これ、地味に使えそうですね。いちいちテキストエリアを広げるのって、いつも面倒に思ってました。jQuery Autosizeを利用します。 ヘッダに追加 <script src="//ajax.google… haradaハック2014.03.05 968
パスワードの表示非表示を切り替えるjQueryプラグイン jQuery Show Password Pluginを使います。 CSS <style> .forms { position: relative; } .show-password-link { displ… haradaハック2014.02.27 1,071