ようこそ! このサイトは jQuery Mobile を学ぶ過程で作った日本語リファレンスです。本家の意訳と、リソースなど追加の記述があります。 [PR] 発売中! 更新情報 1.1.0公開 2012/04/20 1.1.0 RC1公開 2012/01/27 1.0.1公開 2012/01/27 ページイベント・チートシート 2012/01/20 1時間でミニサイトをつくる 2012/01/17 概要 紹介 クイック・スタートガイド 主な機能 アクセシビリティ サポートするプラットフォーム
Index of Semooh jQuery Sample Site 画像 1.画像を切り替える(フェード) 2.画像を切り替える(フェード2) 3.画像を切り替える(サイズ、フェード) 4.画像を切り替える(スライド) 5.画像を切り替える(奥行き) 6.画像を切り替える(サイコロ) 7.画像を切り替える(シャッター) 8.画像を切り替える(カルーセル) 9.画像を切り替える(色々) 10.画像の一部分を拡大する 11.縮小した全景で画像を見る 12.画像をパノラマ風に表示する 13.画像を反射する 14.LightBoxを表示する 15.画像にマスク処理を施す 16.マウスオーバーで画像を拡大表示する 17.透過PNGをIE6でも表示させる スタイル 1.マーキーを滑らかに実装する 2.クリックできる範囲を広げる 3.要素の高さを最大のものに揃える 4.グラデーションを作成する 5.文
Twitterに流れてきたスライドがとっても 分かりやすかったのでブログでより多く の方に拡散。ノンプログラマー向けの jQueryの基本講座。これからjQuery を使おう、という方は読んでおくと良さ そうですね。 ノンプログラマー向けにjQueryの基礎をスライド化してくれています。 @pocotan001さん作のスライドです。 このスライドを見ながらコーディングする、というより、基礎知識を頭に入れるのに適したスライドだと思いますので気軽にご覧になってみて下さい。ハードルがかなり下がると思います。 また、当ブログでもjQueryプラグイン等の情報を取りあえげていますので合わせてどうぞ。 jQueryのリファレンスサイトと入門書籍 [2011.09.21アップデート] よくアクセスいただくのでハブ的な役割くらいは果たそうと思います。 jquery / jQueryの本家です。 jQuer
jQuery.popeye 2.0 | an inline lightbox alternative インラインでその場でLightboxできる「jQuery.popeye」というスクリプトがあるみたいです。 画面をグレーにすることなくその場で画像を送れるので、地味ではありますがこういう使い方もいいなという効果を得られます。 動きとしては記事中にある、一見普通の画像。 カーソルを合わせるとナビゲーションが現れ、画像のスライドが表示されます。 微妙に、写真の下にはキャプションが表示され、写真の説明が見れます。 ありそうで、なかったですね。 関連エントリ 拡大の仕方がクールなLightBox実装jQueryプラグイン「YoxView」 画像やページをLightBox風に表示できるThickbox 表示法が新しくセクシーなLightBox「SexyLightBox」
jQuery 関連記事まとめ - Cyokodog::Diary jQuery 関連記事まとめ、ということでjQueryに関する役立つサイトが多数紹介されています。 jQuery をこれからやろうという方は参考にできそうです。 関連エントリ コンテンツのスクロールをクールに行える「jquery.scrollable.js」 時刻の入力に便利なJS入力補助ライブラリ「jquery.timepickr.js」
jQuery Content Slider Tutorial メニュークリックでコンテンツをダイナミックにスライドさせるJSサンプル。 ナビゲーションメニューをクリックで、コンテンツブロックをズイっとアニメーションさせながら切り替えるサンプルです。 デモページ を見るとその動きが分かります。 ウェブサイトのヘッダー部分に置いておくと、カッコいいだけでなく、ページ遷移なしでヘッダー部分を切り替えることが可能です。 企業用のページなんかでよくある構成ですが、そういったサイトの制作時に使えそうですね。 jQueryベースで動作するみたい。
jQuery Demo: Creating A Sliding Image Puzzle Plug-In : Kinky Solutions : A Student's Perspective by Ben Nadel jQueryを使ってパズルを作るjQueryプラグインが公開されています。 1枚の元画像をJavaScript&CSSによって分解して、パズルを作成することが出来ます。 パズルのデモページ 以下が元の画像。本当に1枚です。 画像を分割して、HTMLを書いて、という面倒な作業は必要なくて、以下のように初期化が出来るようです。 $( "div.puzzle, p" ).puzzle( 100 ); 商品のPR等、サイトのキャンペーンなんかでも活用できそうですね。
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
Search the Notebook Recent Notebook EntriesPopular EntriesjQuery File TreejQuery Context Menu PluginjQuery MultiSelectjQuery Right-click PluginExternal Popup Links Using jQueryRelated EntriesjQuery Context Menu PluginParsing a JSON String Results in an ‘Invalid Label’ Error Determine the Parent Directory of a Path in PHP$.getPOST() for jQueryUsing json_encode() and json_decode() in PHP4 Archives
as3Query: alpha version (New Wave ActionScript) [TECH-NI Blog] as3Query is an ActionScript3.0 port of John Resig's exellent JavaScript library jQuery 1.2.1.ActionScript3でjQuery「as3Query」。 as3Query を使えば、ActionScript3 で jQuery の機能が使えるようになるそうです。 as3Queryを使った動くサンプルムービーも公開されています。 HTMLとFlashでは性質は違いますが、ステージ上のオブジェクトを $() 関数で選んで操作したりする機能は中々使いやすそう。
jqzoom | allows you to realize a small magnifier window close to the image or images on your web page easily.画像のマウスポインタ上をズームしてくれる「jqzoom」。 次のように、マウスポインタ上の画像を右部分でズームしてます。 小さい画像と大きな画像を指定するので、拡大しても解像度が悪いということはありません。 jQuery ベースで、(1)ライブラリ読み込み (2) img タグ定義 (3) スクリプト初期化 というステップで実装も簡単。 サイトの仕掛けとして覚えておいた方がよさそうなライブラリですね。
3 Considerations For Your Website Slider + where to find the original Coda-Slider plugin Welcome to my concise website slider guide. If you want to know: The pros and cons of using a slider on your website If your website already has built-in slider capability How to “roll your own” slider What happened to the original jQuery Coda Slider plugin Then you’ve come to the right place. Let’s get starte
Libraのハッカソンやってるという話は先日「HackLibra、最初のオンラインハッカソン」で書きました。 …
jQuery: jqGalScroll 2.0 (Photo Gallery) | The Book and the Cover jQueryを利用したスムーズに動作する画像ギャラリー「jqGalScroll 2.0」 写真下部分の番号を押すとスライドアニメーションしながら写真が切り替わります。 HTMLソースは次のような感じにクリーンになります。 <ul> <li><img src="common/img/baby-02.jpg" alt="This is a baby" /></li> <li><img src="common/img/baby-03.jpg" alt="" /></li> <li><img src="common/img/baby-04.jpg" alt="" /></li> <li><img src="common/img/baby-05.jpg" alt="" /
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く