mailcheck.js – メールのドメインが間違えていたらsuggestしてくれるJavaScript – creamu
mailcheck.jsは、メールのドメインが間違えていたらsuggestしてくれるJavaScriptです。 以下のように、domainsにチェックしたいドメインを入れるようです。 <script type="text/javascript"> var domains = ['hotmail.com', 'gmail.com', 'aol.com']; $('input#email').mailcheck(domains, { suggested: function(element, suggestion) { // callback code }, empty: function(element) { // callback code } }) </script>
jQueryでスクロールすると表示する系いろいろ
jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
お手軽WordPress Tips：URLやサイズを指定出来るQRコードをショートコードで作れるようにする
ご質問頂いたのでついでに記事にします。 WordPressでURLとかサイズを指定出来る QRコードをショートコードで作成したい、 というもの。情報系のサイトだと、ユー ザーが携帯で閲覧したい事も多々ありそう なので割りと汎用性はあるんじゃないかな と思います。 というわけでショートコードでQRコードを作れるようにする方法です。APIが手軽なのでAPI使います。 普通にショートコード作る方法と変わりません。functions.phpに以下を追記します。 function add_qrcode_in_this_article($atts) { extract(shortcode_atts(array( 'url' => 'http://example.com', 'size' => '80', ), $atts)); return '<img src="http://api.qrserver
[JavaScript] jQueryをローカルストレージに保存して高速化
サイトに来る度にjQueryを読み込み直すんじゃなくて、ローカルストレージに登録したほうが早いんじゃないかって思ったのでやってみた。 ■Chromeの場合 読み込む場合にかかった時間 125ms～200ms ローカルストレージから読み込む場合 25ms～40ms ■iPhoneの場合 読み込み Wi-Fi 280ms～400ms 電話回線 800ms～1200ms ローカルストレージ 130ms～200ms 通信環境によって、色々変わりそうだけど、iPhoneだと大きく違う！ 早いぜっ！ アプリケーションキャッシュにすればもしかして全部解決なのかも… --add [2012/8/24] スマートフォン向けのサイトなら、jQueryをよみこむのはXMLHttpRequestじゃなくて、scriptタグを生成する方がよさそう。その場合はscript要素のonLoadイベントで読み込み後の処理を
Elastic Image Slideshow with Thumbnail Preview | Codrops
Today we want to show you how to create a simple elastic slideshow with a thumbnail preview. The slideshow will adjust automatically to its surrounding container and we can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option. Today we want to show you how to create a simple elastic slideshow with a thumbnail preview. The slideshow will adjust automatically
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お手軽WordPress Tips：カスタムタクソノミーで作成した特定のタームに属する記事の一覧を表示数を指定して表示する - かちびと.net