jQueryを使って閲覧中のWebサイト自体をその場でプレゼンするサンプル・Screen Presenter - かちびと.net
似たようなのがどこかにありました が。閲覧してるWebサイトそのもの をユーザーにプレゼンする、という インターフェースをjQueryで作った デモ。サンプルはダウンロード出来る のでお暇ならぜひ触ってみてください。 アイデアがちょっと素敵だなぁと思いました。Embedded Help Systemと目的は一緒ですかね。IE6以外は問題なさそうでした。cssでなんとかなるかな・・ 左下に矢印があるのですが、これでプレゼンを進めます。プレゼンは、閲覧中のWebサイトの解説をツールチップを出しながら進めていく形となります。 先にデモご覧になったほうがピンと来そうですね。 デモ※別窓 ハッシュチェンジイベント ハッシュチェンジイベントでブラウザの戻るボタンにも対応されています。 動作も軽快で気持ちいいですね。 綺麗に終わります。 Webサービスの使い方とか、CMSの管理画面の使い方のレクチャーに
jquery ui の dialogでポップアップダイアログを表示する
jquery ui で、ダイアログを表示させてみた。 コードは以下の通り。 <button id="popup">ダイアログをポップアップさせる</button> <div id="dialog"> <div style="text-align: left;"> 先に進む場合はOKボタンを押してください。 </div> <div style="text-align: left;"> 進まない場合はキャンセルボタンを押してください。 </div> </div> <script type="text/javascript"> $(document).ready(function(){ var d = $('#dialog'); d.dialog({ // 初回時にポップアップさせない autoOpen:false, // タイトル部分の文言 title: 'タイトル部分', // ポップアップ
jQuery Mobile の NestedList で JSON データを動的にリスト表示 - なんとなくな Developer のメモ
以前、jQTouch 等で作成したもの（iUI版 id:fits:20100715, jQTouch版 id:fits:20100731, SenchaTouch版 id:fits:20101005）と同様のサンプルを jQuery Mobile で作成してみました。（サーバー側の処理も同じものを使用） jQuery Mobile 1.0 a1 ただし、今回のサンプル（静的HTML版も含む）のようにリストアイテムにアンダースコア "_" を含む名称が使われる場合（例 information_schema）、Firefox では正常に動作しますが、Safari では「Error Loading Page」が表示され次の画面に遷移できなかったので注意。（Android エミュレータでも同じ現象が発生） 原因は調査してませんが、jQuery Mobile が自動生成する ID に問題ありかも。（
これは便利！jQtouchのGUIデザインパターンチートシート
「便利！」とか、自分で言ってりゃ世話ないですが。笑 すみません… 現在、iPhoneアプリの開発に勤しんでいる私でありますが、jQtouchのGUIインターフェース研究の中で出来た副産物が、ニーズがありそうなので公開します。 jQtouchのデザインパターン サンプル集です。 おそらく日本初ではないかと。 jQtouchって何？ jQtouchはiPhoneやAndroidなどのスマートフォン向けWebkitブラウザ（iPhone向けだけじゃないですよ）に人気のJavaScriptライブラリ「jQuery」を組み合わせて、Webアプリの開発を簡単にしようという試みで作成されたJavaScriptライブラリです。 主にiPhoneの魅力の一つであるGUIインターフェースとアニメーションのビジュアル化をエミュレートします。 ただ、いかんせん情報源が少ないので英語が分かる人しか手がつかないのが欠
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
