[B! jquery] vvaohnのブックマーク

チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか - かちびと.net

フォームで利用するjQueryのスニペットコードをいくつか。どれも既出だと思うのでおさらいという事で。とはいえ、所詮はスニペットですので実際に導入する際は動作をしっかりと検証する事を強く推奨します。フォーム周りのjQueryスニペットです。自分用のメモも兼ねて。フォーム関係は色々面倒なので参考にならない事もあるかと思います。「ふーん」程度にご覧頂くと丁度いいと思います。 Placeholder属性を、非対応ブラウザでは表示/非表示に便利なHTML5のPlaceholder属性をオールドブラウザでは表示/非表示として対応します。 if(!$.support.placeholder) { var active = document.activeElement; $(':text').focus(function () { if ($(this).attr('placeholde

vvaohn 2012/07/04

jquery

リンク

iPhone4のRetinaディスプレイで閲覧したらjQueryでRetina向け画像(@2xのやつ)に自動で切り替える - かちびと.net

iPhone4のRetinaディスプレイで閲覧された際に自動で高解像度の画像に自動で切り替えるjQueryのコード。 @2xが付くアレです。ちょっと今更な話題なので誰も見て無さそうな日曜日に書いて置こうと思います。 jQuery Retinaっていうプラグインがありますが、このライブラリのように色々宜しくやってくれるようなものじゃなく、ただのスニペットです。実際にはもうちょい工夫しないとならないと思いますので参考程度で。というか僕がRetinaなんとかの事を良く分かって無いでｓコード if (window.devicePixelRatio > 1) $('img').each(function() { var t = $(this); t.attr('src', t.attr('src').replace(/(\.[a-z]+)$/i, "@2x$1")); }); window

vvaohn 2012/07/01

jquery

リンク

yebo blog: jQueryを再構成して小型化・モジュール化した「jquip」

2011/11/23 jQueryを再構成して小型化・モジュール化した「jquip」 jQueryをより小さく軽量化し、更にモジュラー化することを目指して、「jquip」(jQuery in parts) というプロジェクトが立ち上がっているそうだ。コア部分"jquip.js"の圧縮版(Minified and Gzipped)のファイルサイズは4.28KBで、jQueryの13パーセント。サイズは小さくとも、jQueryが持つ機能の90%を実装し、プラグインを追加すればそれ以外の機能も利用できる。メールで送信BlogThis!Twitter で共有するFacebook で共有する投稿者 zubora 投稿時間 05:14 ラベル: Programming, Software, Web 0 コメント: コメントを投稿

vvaohn 2011/11/23

jquery

リンク

Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page

a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element by Scott Robbin Download Backstretch Now link to a hosted copy on cdnjs.com or download the entire project, including examples. Follow @srobbin Tweet Do you see the full-sized background image on this page? In a nutshell, that's what Backstretch does. It will stretch any i