jQuery スライダーの中にスライダーが設置できるプラグイン【jQuery slideinslide】
$(function(){ $('#slideBd').slideinslide({ intval : 3000, speed : 1000, ease : 'swing', auto : false, captions : true }); }); The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs. Grumpy wizards make toxic brew for the evil Queen and Jack. Jackdaws love my big sphinx of quartz. The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs. Gru
reveal.js - The HTML Presentation Framework
Hello Therereveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do. Vertical SlidesSlides can be nested inside of each other. Use the Space key to navigate through all slides. Basement Level 1Nested slides are useful for adding additional detail underneath a high level horizontal slide. Basement Level 2That's it, time
Reveal.jsのスクリーンショットをPhantomJSでガンガン撮る
Gistぺたり 短いながら、phantomjsの便利なAPIが詰まってたので貼ってみた。 % phantomjs shot.js Reveal.jsって？ reveal.js - The HTML Presentation Framework いわゆるHTMLスライドのフレームワークです。最初からある程度かっこよく作られていて、そのままでも十分使えると思います。APIもちゃんと整備されているので、コントロールを追加することもできます。 複数のテーマが用意されている 複数のトランジションが用意されている Markdownで書ける（data-markdownを付与したsectionのみ） nodeでKeynoteみたいなスライドウインドウ＋スピーカーノートウインドウの連携ができる などなど。今用意している最中のスライドでは、これを使ってみています。 なんでスクリーンショット？ 普通にPDFで出
いろんな用途で使える！柔軟性の高いHTML5プレゼンテーションライブラリー「Presenteer.js」 - Chrome Life
最近では、HTML5製のプレゼンテーションツールも増えてきました。 筆者は、先日Node.jsの勉強会で「reveal.js」を使ったのですが、動きもカッコよくて簡単にスライドが作れてなかなかよかったです。 しかし、こういったプレゼンツールは画面全体がスライドになってしまうので、サイトの一部や記事の中に埋め込むといった用途にはむいていません。 そこで今回ご紹介するのが、どこにでも埋め込んで使える柔軟性の高いHTML5プレゼンテーションライブラリー「Presenteer.js」です。 「Presenteer.js」にアクセスすると、デモが確認できます。 ページの中にプレゼンテーションエリアが用意されていて、クリックするとスライドがアニメーションで切り替わるようになっています。 仕組みも簡単で、プレゼン用の DIVを用意しておいて、JavaScriptで指定するだけです。 var presen
僕はこんなふうにプレゼンしてきた - wyukawa's diary
ありがたいことにこの２年で8回ほど勉強会でプレゼンさせていただきました。 そこで今回僕がどのようにスライドを準備し発表してきたのかを振り返って書いてみたいと思います。 本エントリを読んだ人の参考になれば幸いですが、僕自身のプレゼンスキルは高くないのであくまでも一つの例ということでお願いします。 まず前提としてこれから書くのは社外での勉強会でのプレゼンです。社内や対顧客だと違ってくるでしょう。あしからず。 自分で立候補するにせよオファーを受けてにせよ、プレゼンのテーマはざっくり決まっているはずです。 僕が直近でプレゼンしたHadoopソースコードリーディング 第9回での例をあげるとHiveです。 Hive sourcecodereading View more presentations from Wataru Yukawa このテーマに従ってスライドを作ります。プレゼンをすると決まってから
impress.jsでド派手なスライドをつくろうぜ！
“HTML5アプリ作ろうぜ！”連載がスタートしました！ デジタルハリウッドの現役アプリクリクリエイター専攻講師が、最近はやりの「HTML5・JavaScriptライブラリ・CSS3・API」の紹介、またそれらを組み合わせた「sampleアプリケーションの紹介と解説」を厳選し執筆していきます。 最近、セミナーでこの「impress.js」を利用する機会が多いのですが、その際に参加者から評判が良いので、まずはこれを紹介します。 impress.jsとは？ CSS3を活用したオープンソース（ライセンスMIT）のプレゼンテーションJavaScriptライブラリです。 対象ブラウザ Safariブラウザが現状では最もスムーズに動作します。一応、Chromeも推奨ブラウザです。 特徴 【1】ド派手なスライド動作 最大の特徴は派手でイケイケなスライド。始めてみた人は必ず見入ること間違いありません。シンプ
MacBook AirとiPhoneでジョブズのような観衆を魅了するプレゼンを行う方法 - Chrome Life
年末年始になると、様々な場所でイベントが開催されると思います。 ほとんどの場合は、観衆としてイベントに参加して発表を聞くことが多いでしょう。 しかし、時として自分が発表する側になることもあります。 そこで今回は、プレゼンが苦手な人のために、 少しだけスティーブ・ジョブズのようなプレゼンに近づくための方法 をご紹介したいと思います。 筆者の体験談をもとにまとめていますので、話が少々長くなっていますが、みなさんの参考になればうれしいです。 プレゼン嫌いの理由 筆者も先日、とあるセミナーで講師として発表側にまわることがありました。 いろいろな大人の事情があって発表することを承諾したのですが、こういうことはみなさんの周りでも起こりうることだと思います。 もし、自分が発表する立場になった時に、慌てずにプレゼンを行うことができるでしょうか？ 筆者のように、経験も少なく、話し下手で、肝っ玉が小さい人にと
MacのKeynoteでプレゼンする際に気をつけていること
先日の WordCamp KOBE では、Mac の「Keynote」というプレゼンテーションソフトを使ってプレゼンしたのですが、その際「なつきさんは iPhone をタップしながらプレゼンしてる？」など気になるツイートがあったため、どうやってプレゼンしていたかここで回答させていただきます。 Keynote は、Apple 社製のプレゼンテーションソフトで、Steve Jobs 氏が Mac や iPhone などの新製品の発表の際に使用していることでも有名です。 Mac 版と iPad 版がありますが、ここでは Mac 版について書いています。 どちらも、App Store でダウンロード版を購入 するか、Amazon などで購入できる iWork パッケージ からインストールすることができます。 PowerPoint との違い プレゼンテーションソフトといえば Microsoft の
これは使いやすい、HTML5+jQueryのプレゼンテーション用ツール -Deck JS
当サイトでもいくつか紹介したHTMLベースのプレゼンテーションツールですが、これ一番いいかもというのがリリースされたので紹介します。
JavaScriptでプレゼンテーションを作る際に使えそうなjQueryプラグイン「Fathom.js」:phpspot開発日誌
Fathom.js JavaScriptでプレゼンテーションを作る際に使えそうなjQueryプラグイン「Fathom.js」 スライドの中身が全部HTML等で記述可能で使いやすいです。 どうさを見てみたい方は、jQueryモバイルを説明したデモのスライドを見てみましょう。 矢印キーでページ送りが可能です。 初期化も超簡単。 $('#presentation').fathom(); カスタマイズも可能なので色々と応用できます。 関連エントリ iOSのシェイクイベントを取得できるjQueryプラグイン「gShake」 レイアウトに関する強力なjQueryプラグイン６つ 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 フォーム要素をクールにするためのjQueryプラグイン集
WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward Showcase」:phpspot開発日誌
WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward Showcase」 2011年05月09日- Awkward Showcase ? A jQuery Plugin | Awkward Group - A Digital Agency WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward Showcase」。 divの中に複数のdivを並べて初期化することで簡単にコンテンツスライダーを作れます。 １つのコンテンツにはHTMLが入れられ、ツールチップ表示用の機能なんかも同梱されています。 初期化も次のように簡単。コンテンツのサイズ等をオプションとして渡せます。 $("#showcase").awShowcase({ content_width: 700, content_height: 470 }); デモページはこちら
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
はてなブログ | 無料ブログを作成しよう
聖蹟桜ヶ丘へ 今年度の授業が全て終了した。最後の授業はテスト返却とその確認作業の後は特に何をしろとも言われていなかったので、『耳をすませば』の後半、お姉さんと雫が言い争いをする場面を生徒と皆で見た。 この場面。あの場面、お姉さんは雫に「今しなきゃいけないことから逃…
今作ってるやつ
jQueryのアニメーション重すぎて使えない タッチイベントをハンドリングしないといけない ネイティブのスクロールの仕組みは overflow:scrollとかでできない ↓ transitionベースのアニメーション タッチイベントのラッパー ネイティブまねっこスクロール これができれば普通に書ける（ハズ） $.ui.swipable http://dl.dropbox.com/u/268240/scriptsInDev/ui.swipable/index.html スワイプイベント $(element).bind('swipe.right', function(){ alert('right swipe occured'); }); $(element).bind('swipe.left', function(){ alert('left swipe occured'); }); $.
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
tips+review - iPadでプレゼンするなら2Screens : 404 Blog Not Found
2010年07月30日16:30 カテゴリTips tips+review - iPadでプレゼンするなら2Screens これでやっとiPadでプレゼンできる。 これでやっとApple iPad Dock Connector - VGAアダプタが使い物になる Dock - VGA コネクターの何が問題かと言えば、ミラーリングができないこと。 Apple iPad Dock Connector - VGAアダプタ - Apple Store (Japan) iPadのホーム画面の表示やミラーリングはできません。 実はこのことを私もブックフェアでボイジャーのブースで萩野社長と対談するまで知らなくて、当日はずいぶんとorzな思いをしたものです。 2Screensさえあれば大丈夫。 以下、我が家のプラズマディスプレイに出力した例。 Safariだと画面真っ暗… 2Screensだとこの通り! 単
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://presentpatterns.sfc.keio.ac.jp/book/PresentPatterns2011v050-Double.pdf
HTML5で作られたプレゼンスライド「deck.js」
http://www.mindhacks.jp/2010/10/post-2937
TechCrunch | Startup and Technology News
