サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
// 悪い例 var id = $("#content").data("id"); varitemId = $("#content").data("item-id"); // 良い例 var content = $("#content") var id = content.data("id"); varitemId = content.data("item-id"); // 悪い例 $.each(reallyLongArray, function(count,item) { var newLi = '<li>' +item + '</li>'; $('#ballers').append(newLi); }); // 良い例 : DocumentFragmentを使用 var frag = document.createDocumentFragment(); $.each(reall
Probably one of the firsttopics covered when you get started learning about jQuery events is the concept of canceling the browser’s default behavior. ForProbably one of the firsttopics covered when you get started learning about jQuery events is the concept of canceling the browser’s default behavior. For instance, a beginner click tutorial may include this: $("a.toggle").click(function () { $("
[ASCII.jp]jQueryで作る画像ギャラリーのチュートリアル ASCII.jpの連載「Web制作の現場で使えるjQuery UIデザイン入門」で第13回 jQueryで作る画像ギャラリーのチュートリアル が公開されました。 jQueryを利用した、拡大ギャラリー、スライドギャラリーの作成方法について解説しています。 興味がある方は是非ご覧になってください。 関連エントリーCSS3のセレクターで作るストライプテーブル [ASCII.jp]jQueryによるアニメーションエフェクトの基本 [ASCII.jp] jQueryでAjaxを利用する基本チュートリアル [ASCII.jp] jQueryによるフォームのデザインの基礎 [ASCII.jp] jQueryのイベントをチュートリアルで学ぶ [ASCII.jp]サンプルで学ぶjQuery：(X)HTML/CSSを操作する [ASCI
![[ASCII.jp]jQueryで作る画像ギャラリーのチュートリアル](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2fa9717624309e36a795026e1b70982163687ccca2%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fblog.webcreativepark.net%252Ficon_200x200.png&f=jpg&w=240)
Create a Realistic Hover Effect With jQuery ・Blog and Web Design Portfolio ofAdrian Pelletier jQueryでリアルなホバーエフェクト作成チュートリアルが公開。 次のように、ホバー時にリアルにリフレクションしたり、リアルな影がついたりする物体作成チュートリアルになってます。 背景がグラデーションだったり、リフレクションや影が綺麗にアニメーションする部分など、かなりのテクニックを要しているみたいです。 こうしたディテールにもこだわりたい場合に参考にできそうです。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集PHPとjQueryのAjax連携の学習用チュートリアル
非同期通信：Ajaxリクエスト：jQuery.post(url[, data[, callback[, type]]])の使用例 | jQuery ▼phpページのコンテンツ(<?php echo json_encode(array("name"=>"John","time"=>"2pm"));?>)をJSON形式に変換して取得します。 <!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type
jQueryプラグインの習作をするために作成したモノではありますが、プラグイン化したことでかなり楽に使えるようになったので、気が向いたら使ってみてください。 ライブラリについてHTMLを汚さず、簡単に画像のロールオーバーを実装できます。 ダウンロード jquery.rollover.js - v1.0.4 ライセンス MIT License 主な機能HTMLで指定するのは初期表示の画像だけ 指定された箇所でも _on が付いている画像は無視 ロールオーバー画像をプリロード 拡張子は何でもOK (png, jpg, jpeg, gif,etc…) ロールオーバー画像を示す _on の部分を自由に変更できる 使用方法 画像を用意する example.jpg をロールオーバーしたい場合は、名前の末尾に _on を付けた画像 example_on.jpg を example.jpg と同じデ
更新履歴 2010-01-21本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary 前回、前々回のエントリではボックス要素を例にサイズや位置、スクロール量などの求め方について書きましたが、実際のプラグインの実装においてこれらの情報が必要になるのは、ブラウザの表示領域に対してということが多いかと思います。 具体的にはツールチップなどの機能で、画面の端の要素を hover した時、ポップアップがブラウザの表示領域内に収まるように表示位置を調整するような場合に、ブラウザの表示領域のサイズやスクロール量などが必要になります。 jQuery でブラウザの表示領域をつかむ方法 ブラウザの表示領域を jQuery でつかむには、以下のような記述でできそうです。 $('html') $(window) $(
Introduction In this tutorial, I'mgoing to share how tocreate asimple modal window with jQuery. I like jQuery,it makes everything sosimple and so easy. In case you don't know what's modal window. You can click here. That's an example of a modal window. In this website, I'm using facebox (inspiration from facebook). Others, such as lightbox, thickbox, multibox, litebox......it's too many of t
Selamat Datang di RAJAPG88 RAJAPG88 adalah situs slot online terpercaya yang dikenal sebagaitempat bermain slot paling gacor di Indonesia. Dapatkan pengalaman bermain yang luar biasa dengan RTP Live tertinggi dan bonus menarik setiap hari! FAQ seputar RAJAPG88 Apaitu RAJAPG88? RAJAPG88 adalah situs judi slot online yang terkenal dengan permainan gampang menang dan RTP tinggi di Indonesia. Bagaim
国内外を問わず、多くのECサイトがお手本とする「Amazon.co.jp」。この連載でも以前、Amazonが採用する「カルーセル」（回転表示するスライドパネル）の作り方を紹介しましたが（関連記事）、Amazonは優れたユーザーインターフェイス（UI）の宝庫でもあります。 中でも、過去の閲覧履歴などからページの大半が動的に生成されるAmazon.co.jpのトップページは、ユーザーを商品購入へと導くさまざまな仕掛けが組み込まれています。今回は、このAmazon.co.jpのトップページに注目します。 今回のお手本サイト：『Amazon.co.jp』 米アマゾン・ドットコムの日本法人アマゾンジャパンが2000年から運営するECサイト。書籍販売から始まり、現在ではペットボトル飲料水や紙おむつ、キッチン家電まで1000万点超の膨大な商品を扱っている。取扱商品の拡大に合わせて、2008年4月に大規模
jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。Google AJAX LibrariesAPIを利用しようGoogle AJAX LibrariesAPIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuerygoogle.load("jquery", "1.2.6");google.setOnLoadCallback(function() { // Your codegoes here. }); </script> 直接読み込むことも出来ます。
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
転送中
