jQueryを良くする25のTIPS
jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。
jQueryで画像のズームイン/アウトをしてみた [Javascript,jQuery] - BlurBlue-Note
jQueryベースの画像ズームイン/アウトのプラグインなんていくらでもあるけれど、自分の思うように動くものやしっくりくるものがなかったので作ってみました。 何事も挑戦あるのみ。 画像を大サイズと小サイズ（サムネイル用）の2枚用意します。 ※widthとheightを2倍に設定しているため、大サイズは小サイズの丁度2倍の大きさにする必要があります。 class名を"zoom"と設定したサムネイルをクリックすると起動します。 サムネイルの上に大サイズの画像をサムネイルと同じサイズ指定で表示し、アニメーションさせながら元のサイズまで戻す、という動きをします。 大きくなった画像をクリックすると逆戻りをした後削除されます。 ズームのサンプル 1枚の画像がそのまま大きくなっているように見えるけれど、実際は2枚使っているという。 今回は自サイト用に作っているので、大サイズ画像の縦横は800*600に固定
jQueryで「昨日買ったPCが今日壊れたクマ」と叫ぶクマ
こんにちは、たかはらです。最近休日が多いので新しい事を試す機会が増えています。最近ちょっとだけ始めたのはJavaScriptのライブラリjQueryです。今日はこのネタを投稿します。 ディノでは、毎週30分×2コマの社内勉強会を開催しています。このなかで、souさんが毎週連載で開催しているJavascript講習会が社内外で思いのほか好評です。 全編動画にてフォト蔵で公開していますので是非ご覧になってみて下さい。 今souさんの行っているJavaScript講習会では、基礎を固めるためあえてライブラリを使っていませんが、ライブラリを使うと宿題のコードがどれくらい簡単になるか興味を持ったので、覚えたてのjQueryを使って宿題のJavaScriptを書き直してみました。 宿題のコード 下のコードを例にjQueryで書き換えてみます。 /** * 課題： * JavaScript off
ウノウラボ Unoh Labs: 画像の遅延読み込み
yamaokaです。 webページの表示を高速化する手法にはいろいろありますが、 その一つとして遅延読み込みという手法があります。 初期状態で表示する必要のない要素については読み込まず、 必要になったタイミングで読み込み、表示するようにする手法です。 ページの読み込みにかかる時間の大半を 画像の読み込みが占めている場合が多いので、 画像の読み込みを遅延させるという手法が多く取られます。 検討するべきケース では、画像の遅延読み込みはどのような場合に検討されるべきでしょうか。 最初から表示されている必要がない画像が存在し、その画像のサイズが大きかったり、 そうした画像の数が多い場合は検討してみる価値があると思います。 例えば、次のようなケースです。 初期状態では表示されないブロックに属する画像が存在し、 JavaScriptで表示するかしないかを切り替えているような場合 ページのずーっと下の
jQuery で JSONP ２通り - てっく煮ブログ
JavaScriptjQuery を使って JSONP でリクエストする方法を２通り紹介するよ。その１: $("")createElement を $() を使って実装。 $("") .attr('type', 'text/javascript') .attr('src', "http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback") .appendTo($("head")); function myCallback(json){ // ロード完了時にここが呼ばれる } http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback にリクエストがいく。callback のところは、サービスによって指定の仕方が違うかもね。その２: $.ajax
[JavaScript]海外のAjaxライブラリを日本語対応させる方法。(AjaxPagesとjQueryのサンプル) - 考え得る最高を常に行う
SafariでJSONの通信をすると文字化けるので対応策を考えてみた。ちなみにSafari3betaでは文字化けは解消されてました。 コード 以下のコードをライブラリを読み込んだ最後に実行させると、対応されます。コーディングは文字化けとかを全く意識しないで大丈夫。 //Cross Browser Script Support (function(){ // the garble control for safari (XMLHttpRequest#responseText) var func01 = function(text){ var esc = escape( text ); if( esc.indexOf("%u") < 0 && esc.indexOf("%") > -1 ){ text = decodeURIComponent( esc ); } return text; };
![[JavaScript]海外のAjaxライブラリを日本語対応させる方法。(AjaxPagesとjQueryのサンプル) - 考え得る最高を常に行う](https://cdn-ak-scissors.b.st-hatena.com/image/square/7b22b87014a205999868b414e8922b4315e5c118/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127091821896%2F17680117127091828755%2F1556526105)
iframeを一見Validに表示するjavascript「JQuery iFrame Plugin」
twitter facebook hatena google pocket ページに外部ページを表示させる方法にiframeがありますが、XHTML 1.0 StrictやXHTML 1.1で「非推奨要素・属性」となっています。 JQuery iFrame Pluginを使用すれば、これを一見クリア（多分）しつつ、iframeが使用できます。 （追記：2007.11.25） ＊コメントいただいたように、オンラインチェッカーではValidになりますが、出力されたものはValidではありません。 これにともないタイトルを変更しました。 変更前：iframeをValidに表示する(?)javascript「JQuery iFrame Plugin」 変更後：iframeを一見Validに表示するjavascript「JQuery iFrame Plugin」 sponsors 使用方法 JQue
jQuery 642 プラグイン：skuare.net
jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト／リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP
ページ単位でタグクラウドを作成するjavascript「DynaCloud」
ブログが急速に広まり、記事を関連づけるタグという仕組みがひろまりました。 これにともないタグの量に応じてテキストの大きさを変えるタグクラウドも浸透しています。 DynaCloudではこれを単一ページで実現するjavascriptを公開しています。 sponsors 使用方法 DynaCloudからjquery.dynacloud-2.jsを、jQueryからjquery.jsをダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.dynacloud-2.js" type="text/javascript"></script> <style type="text/css"> .highlight {b
ウノウラボ Unoh Labs: jQueryのパフォーマンス最適化に関するTips
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
Prototype.js を利用して作られたJavaScriptライブラリまとめサイト「Scripteka」:phpspot開発日誌
Scripteka :: Prototype extensions library Prototype.js (+Script.aculo.us)を利用して作られたJavaScriptライブラリまとめサイト「Scripteka」 例えば、次のようなPrototype.jsを使ったライブラリが紹介されています。 アコーディオン カラーピッカー ツールチップヒント 日付入力補助ウィジェット ライブラリ探しのヒントに。 関連エントリ prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」 Prototype.jsベースのUIライブラリ「Prototype UI」 prototype.js逆引きサンプル集 - JavaScriptist
表を読み取りやすくするjavascript「tableHover plugin」
twitter facebook hatena google pocket サイトでは表をテーブルで作成することが多いですが、縦横に項目が増えていくと、どこを示しているのか判別しづらくなります。 tableHover pluginを利用すると、マウスを載せた（またはクリックした）セルを着色することができ、読み取りやすい表を作成することができます。 sponsors 使用方法 tableHover pluginからjquery.tablehover.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="http://yourdomain/jquery.js"></script> <script type="text/javascript" src="http://yourdomain/jquery.tableh
JavaScript++かも日記 - 1997年からの
Libraのハッカソンやってるという話は先日「HackLibra、最初のオンラインハッカソン」で書きました。 …
OreScript時代の幕開け - yukobaの日記
先日、MozillaでECMAScript(JavaScript)の仕様を作っているJohn Resigさんが来日しました。 その際、1時間ほどのQ&Aの司会と、ライトニングトークでの発表を私させていたただきました。 その際、基調講演をしてくださった、etoさん（http://eto.com/d/PresenForJohnResig.html）のコメント。 こないだのJohn Resigによる講演の後に一緒に飲んだんですけど， その席で聞いた話がすんごく面白かったな． いろいろ面白かったんだけど，特にjquery2が面白かった． http://ejohn.org/apps/jquery2/ このURLなんですけど，コードはこんな感じ． <script src="http://jquery.com/src/latest/"></script> <script src="parse.js"><
Animated InnerFade with JQuery - OpenStudio Communication sur Internet
"/> Animated InnerFade with JQuery Un diaporama animé avec effet de mouvement et conforme au w3c lundi 29 octobre 2007 Présentation Ce plugin pour jQuery est une extension du travail de Torsten Baldes : InnerFade with JQuery. Nous avons ajouté : un effet de mouvement sur les images à la manière des animations en flash. Cet effet est désactivable. la possibilité de piloter l’affichage : boutons ’pr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryの魔法 [Javascript] All About![jQueryの魔法 [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
http://bizcaz.com/archives/2007/11/23-215846.php
bernardopadua.com - bernardopadua リソースおよび情報
Library for simple drawing with jQuery - OpenStudio Communication sur Internet
wrapScroll JavaScript Library - youmos