操作の仕方 スペースまたは→キーを押すと次のスライドへ。 スライドのタイトル(h2)をクリックしても次のスライドへ。 リターンまたは←キーを押すと前のスライドへ。 ヘッダの帯をクリックしても前のスライドへ。 右上のプルダウンメニューで、スライドへダイレクトアクセス。
操作の仕方 スペースまたは→キーを押すと次のスライドへ。 スライドのタイトル(h2)をクリックしても次のスライドへ。 リターンまたは←キーを押すと前のスライドへ。 ヘッダの帯をクリックしても前のスライドへ。 右上のプルダウンメニューで、スライドへダイレクトアクセス。
5分で分かるQueryNoteの使い方 jQueryベースのプレゼンツール「QueryNote」の使い方 Author 37to Enter:進む Shift+Enter:戻る Agenda QueryNoteって何? 必要なもの チュートリアル まとめ QueryNoteって何? JavaScriptとHTMLで作られたプレゼンツール jQueryベースで出来ている リッチなUIが特徴 専用の開発モードで、出来るだけ楽に作れるようにしている 詳しくは以前の資料を参照 必要なもの HTML JSファイル CSSや画像 HTML プレゼン内容をHTMLで書く 普通にHTMLドキュメントを書くつもりで書いてOK JSファイル jQuery jQuery UI(開発モードに必要) JSOB(QueryNoteが依存しているライブラリ) QueryNote本体 QueryNote開発プラグイン(開
QueryNote - jQuery based presentation tool jQueryベースのプレゼンツール、QueryNoteの紹介 Author 37to Enter:進む Shift+Enter:戻る Agenda HTMLベースで作成されたプレゼンツール QueryNoteについて 特徴 まとめ 1.HTMLベースで作成されたプレゼンツール Slidy http://hyper-text.org/archives/2007/02/slidy.shtml W3C謹製のプレゼンツール S5 http://meyerweb.com/eric/tools/s5/ Slidyと同様に有名なツール S6 http://d.hatena.ne.jp/amachang/20071121/1195627344 id:amachang作成のプレゼンツール Slidy 綺麗なHTMLで掛ける
後から読み込んでよ うちのサービスはほぼデータを表示・編集する事が主なのだが、その一つ一つのデータは必ず画像を含むわけです。(まあ、弊社のサービス内容見れば何の画像かは明らかですが。) その画像はまあ3〜4KBぐらいなんですが、それでもデフォルトで100件とかの表示になると結構な分量です。しかもサービスの特性上できるだけキャッシュさせたくないので、毎回URLは変わるのでブラウザのキャッシュも期待できません。 そんなこんなでメインのページでさえ結構な読み込み時間・サイズになってしまうわけです。ちなみに100件表示だとページ全体で1.5Mぐらい。。 で、目をつけたのがLazy Load Pluginというわけですね。まあ、何かのついでに手軽にできないかなーぐらいで。 さっそく使ってみる このプラグイン自体は皆さん使われているようで、軽く調べただけでも相当数の使用記事が見つかりました。 なので詳
Heads up!This example uses the new 2.x version of the Lazy Load plugin. For 1.x version of the plugin see the old version demo. Images below the fold (the ones lower than window bottom) are not loaded. When scrolling down they are loaded when needed. Empty cache and shift-reload to test again. Compare this to page where plugin is disabled or page with many images. <img class="lazyload" src="thumbn
Mon, Jan 1, 0001 Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading. This is a modern vanilla JavaScript version of the original Lazy Load plugin. It uses Intersection Observer API to observe when the image enters the browsers viewport. Original code was inspired by YUI ImageLoader ut
Colortip ? a jQuery Tooltip Plugin ? Tutorialzine 色合いを選べるツールチップ実装jQueryプラグイン「Colortip」 デフォルトで6つのテーマを選択することが出来ます。 ツールチップ自体のデザインも次のようになかなかいい感じです。 ヒントに色分けで意味合いを持たせてより、分かりやすいヒントを付けられそうですね。 関連エントリ 画像なしで実現するCSS吹き出しツールチップ実装サンプル色々 画像付きのオシャレなツールチップを実装できるjQueryプラグイン「TinyTips」 スタイリッシュでカスタマイズ性のあるツールチップjQueryプラグイン「qTip」 CSSだけで実装するアイコン付きのセクシーなツールチップ作成チュートリアル
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget nisi eu nunc dapibus vestibulum. Aenean id sem nibh, at lacinia diam. Nunc dictum vulputate sodales. Quisque ante lorem, sodales non accumsan et, lobortis ut lacus. Aenean vehicula gravida elit id facilisis. In molestie varius risus, ut viverra nulla mollis non. Duis dictum turpis a mi convallis eget laoreet metus laoreet. Sed
In this tutorial we are going to write a simple jQuery tooltip plugin. It is going to convert the title attributes of elements withing your page, into a series of colorful tooltips. Six color themes are available, so you can easily match it with the rest of your design. Step 1 - XHTML The plugin we are about to write today, works by converting the title of an element on the page to a structure of
Catch404 ? A jQuery And CSS3 Modal Plugin For Handling Broken Links Elegantly | AddyOsmani.com | Where Web Businesses Grow 移動する前に404かどうか確認できるjQueryプラグイン「Catch404」。 クリックした後に404ページが表示されるのではなく、クリックしたタイミングで404かどうかチェックしてダイアログを出してくれるプラグインのご紹介です。 外部サイトにリンクしている場合、404かどうかっていうのはアクセスしてみないとわかりませんが、jQueryがajaxで通信して存在チェックをして、飛ぶかどうかを決定することが出来ます。 リンク切れだった場合に次のようなダイアログをだしてくれます。 初期化は次のように簡単。チェックしたいものだけを catch404メソッ
Hey guys. I’ve got a brand new jQuery plugin for you today. Let’s talk about the problem we’re going to be solving with it first: Broken links and 404 Errors are a problem that have plagued almost all websites since the dawn of the internet – they’re just a really bad user experience and we’ve all encountered them. There’s nothing attractive about clicking a link hoping that it’ll take you to your
Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site.
Plugins | jQuery Plugins クロスブラウザでのテキストエリア操作が便利になる「A-TOOLS」。 A-TOOLSを使えば、textareaやinput type=text のクロスブラウザ操作が簡単にできます 選択中のテキストとテキスト開始位置、終了位置の取得 文字数の取得 テキストの置換 テキストの限界サイズを指定。文字サイズを超えた場合のコールバック関数が指定可能 キャレットの位置を調整 開始・終了位置指定で文字の選択が可能 デモページ textareaを使うような場合のユーザビリティ向上に応用することができそうですね。 1からクロスブラウザで作るとなると大変そうですが、これで簡単に実装できます。
Cross-browser text selection and modification plugin built on top of the jQuery library. Tested with Opera 9.5 (Windows) and Opera 9.6 (Linux), Mozilla Firefox 3.0 (Windows and Linux), Internet Explorer 7, Chrome 2.0 and Safari 4.0. Plugin works only with first element of set of elements, which have to be «textarea» or «input type=text». This plugin has five functions: getSelection – return star
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く