パスワードの表示非表示を切り替えるjQueryプラグイン jQuery Show Password Pluginを使います。 CSS <style> .forms { position: relative; } .show-password-link { displ… haradaハック2014.02.27 1,071
Facebookページのインサイトで分かる「いいね!」の出所の詳細 Facebookページのインサイトを確認することで、Facebookページヘの「いいね!」がどこでされたかが分かります。 まず確認する箇所は【いいね!】ページの【ページの「いいね!」の出所】です。こちらでは「おすすめペー… haradaハック2014.02.26 834
タグ入力をサジェストする jQuery.suggestというjQueryプラグインを利用することで、簡単にタグ入力などのサジェスト機能を付けられます。 <div class=”ui-widget”> <label for=”ta… haradaハック2014.02.25 878
メールアドレス入力フォームにドメインのサジェスト機能をつける(2) jQuery UIを利用して、@マーク以降のドメインをサジェストする方法です。 <form> <input class=”domain-autocomplete” id=”demo” type=”tex… haradaハック2014.02.24 3,813
メールアドレス入力フォームにドメインのサジェスト機能をつける email-autocompleteというjQueryプラグインを利用することで、メールアドレス入力フォームに簡単にドメインのサジェスト機能を付けられます。 <form> <input ty… haradaハック2014.02.21 1,533
Animate.cssを利用して簡単にアニメーションを導入する Animate.cssを利用することで、簡単にアニメーションを設定できます。 利用方法 あらかじめanimate.cssをサイトからダウンロードし、<head>内で読み込んでおきます。あとはアニメーションした… haradaハック2014.02.20 630
MTIfタグで条件とするキーが複数ある場合 <MTSetVar name="casestudy" value="caseB"> <MTIf name="casestudy" like=&… haradaハック2014.02.19 1,255
Modernizr.jsを使って使える機能毎にcssを設定する Modernizr.jsを利用すると例えばFirefox 26.0ではhtmlが以下のように書き換えられます。 <html lang="ja" class=" js no-touch … haradaハック2014.02.18 312
WOW.jsを利用して簡単にアニメーションを導入する WOW.jsはjqueryの必要のないわずか3 kbのスクリプトです。WOW.jsと、Animate.cssを利用することで、簡単にサイトにアニメーションを導入できます。 1.wow.jsとanimate.cssをダウン… haradaハック2014.02.17 484