HTMLの記述だけで動きの有るスライドを作成可能なライブラリ「impress.js」 - 強火で進め
prezi.comにインスパイアされて作られたライブラリみたいです。 data-x や data-y で表示位置を指定します。 <div id="bored" class="step slide" data-x="-1000" data-y="-1500"> data-rotate で回転、 data-scale で拡大率を変更します。 <div id="its" class="step" data-x="850" data-y="3000" data-rotate="90" data-scale="5"> JSファイルはbodyの閉じタグの前に記述しておかないと正しく動作しない様なので注意して下さい。 <script src="js/impress.js"></script> </body> bartaz/impress.js - GitHub https://github.com/ba
「イカワイパー」なHTMLベースのプレゼンツール「SliDegeso」を作ってみたでゲソ | いわぶろ（ろてん）
はじめに イカ娘の侵略度合いの激しさが増す今日この頃，みなさまいかがお過ごしでしょうか？ この中の第3話に登場する「『イカワイパー』（触手ワイパー？）でシーンを切り替える」という手法がなかなか印象的でした．ちょうど近々の勉強会での資料を準備しなければならなかったこともあり，じゃ，その印象的な方法でスライドを切り替えるようなツールでもいっしょに作ってみようかな，とかそんな感じになりました． 少しは形になってきたっぽいので，「SliDegeso」という名前でもつけて公開してみます． サンプル どんな感じかは，次のリンク先で確認できます．ただし，現状では，Safari，Chrome，でしか動作しません，きっと． あと，ウィンドウサイズを 1024×768 くらいで想定しているので，あまりに大きなウィンドウサイズの場合，「拭き残り」が発生しますｗ SliDegesoサンプル ソースコード，ダウンロ
Slide Show (S9) - A Free Web Alternative to PowerPoint and KeyNote in Ruby
A Ruby gem that lets you create slide shows and author slides in plain text using a wiki-style markup language that's easy-to-write and easy-to-read. The Slide Show (S9) project also collects and welcomes themes and ships "out-of-the-gem" with built-in support for "loss-free" gradient vector graphics themes.
XHTML + CSS + JavaScriptによるスライドショーシステム
XHTML版スライドとは CSSとJavaScriptによる疑似スライドシステム 1つのXHTMLファイルを、div要素あるいは見出し要素単位で複数のスライドに見立てる。 CSSで1つのスライドブロックのみを表示（他はdisplay:none）。 クリックやキー操作イベントでJavaScriptを起動し、表示するスライドブロックを切り替え。 様々なXHTMLスライドシステムが存在するが、基本的な考え方は同じ。 XHTML版スライドのメリット 1つのファイルにまとまってコンパクトで扱いやすい。 適切に作ればCSS、JavaScriptが使えない環境でも通常のウェブページとして閲覧可能。 パワーポイントなどの専用アプリケーションが不要で、どこでもプレゼンテーションできる。 ウェブアプリケーションのデモをするときに、そのままブラウザ内でシームレスに操作できる。 アウトラインプロセッサの出力などの
S5: An Introduction
What Is S5? It's a Simple Standards-based Slide Show System One XHTML document provides all of the slide show's content CSS handles the layout and look of the slides JavaScript handles the dynamic aspects of the show That's all there is to it! Operatic Origins Opera 4 introduced Opera Show, a projection-mode style sheet technology Allows a single XHTML document to be turned into a PowerPoint-like
Introducing Slippy - HTML Presentations | Jordi's Ramblings
Introducing Slippy - HTML Presentations Jordi Boggiano • June 3, 2010 news php javascript Slippy is a HTML Presentation library written with jQuery, it takes a html file in and plays it in any browser. It is optimal for programming-related talks since it includes a syntax highlighter and is very easy to use since it's just standard html markup with a few classes to enable specific functions. If yo
HTML Slidy (1)
HTML Slidy: Slide Shows in HTML and XHTML Dave Raggett, <dsr@w3.org> Hit the space bar or swipe left for next slide Slide Shows in HTML and XHTML You can now create accessible slide shows with ease Works across browsers and is operated like PowerPoint Advance to next slide with mouse click, space bar or swipe left Move forward/backward between slides with Cursor Left, Cursor Right, Pg Up and Pg Dn
Nerine - Simple HTML5 Presentation Tool
Simple HTML5 Presentation Tool About Download Usage Petal About HTMLで手軽にスライドが作れたら楽なのにというものぐさな気分から生まれた、出来る限り綺麗なHTMLの書けるHTMLプレゼンテーションツールです。 デモ / ちょっとカッコつけたデモ How to use Downloadから、ファイルセットをダウンロード アーカイブを展開 example.htmlを参考にしながら、ぽちぽち書く CSSでお好きな見た目をつける(Effect PetalはPetalから) 推敲する 3に戻る Requirement jQuery Safari / Google Chrome / Firefox License どれならいいのかわかりませんが、GPLだと思います！ Download stable: Zip Archive develo
印刷可能な文書をなんでもFlashに変換するPrint2Flash - 情報考学 Passion For The Future
・Print2Flash http://www.print2flash.com/ インストールすると仮想的なプリンタとして登録される。アプリケーションから印刷の出力先として選択すれば、紙で出てくる代わりに、Flashに変換される。ネットでプレゼン資料を公開するのに便利だ。ファイル化する際にWeb公開に必要なHTMLも自動生成してくれる。 ・変換したサンプル http://www.ringolab.com/note/daiya/print2flash/flashsample01.html パワーポイントをFlashに変換してみた。プリンタ出力と同等なので、1ページに複数枚のスライドを含める「配付資料」の形式でも出力できる。 ・配付資料1ページに4枚のスライドで同じファイルを出力 http://www.ringolab.com/note/daiya/print2flash/print2flas
はてなブログでslideshareのプレゼンテーションflashを貼る方法 - @camelmasaの開発日記
はてなブログでslideshareのプレゼンテーションflashを貼る方法です。 昨日の記事にslideshareのプレゼンテーションflashを貼り付けています。 Oracle主催の「サバイバビリティ」に関するブロガーミーティングのイベントに参加しました。 - @camelmasaの開発日記 はてなブログでslideshareのプレゼンテーションflashを貼る方法を調べてみました slideshareが貼り付けられるようになった - おぎろぐはてブロ この記事に書かれている『Embed in your blog』というのが見当たりません。 恐らく、slideshareに仕様変更があった為だろうと思います。 結論 Embedに書かれているobjectタグとある部分だけ修正する事で解決できました。 Embed例 <div style="width:425px;text-align:left
英語のプレゼンのこつ（理工系用） - Ockham’s Razor for Engineers
今アメリカ音響学会に参加していて、色々な方のプレゼンをガンガン聞いてます。で、いろいろこれはつかえる、と思ったことがあるのでメモしておきます。自分用のメモなので、あまりまとまってません。使うのは、中学生レベルの英文法だけでよい。英語発表の典型的な英語の使いまわしがあるから、ただそのテンプレいくつか覚えて、口語でひたすら喋ればいい。途中で「あー」とか「えー」とか言わない。タイトルの直後のスライドに、outlineを用意する。outlineのスライドで、「こういう問題があって、これを使ってこーゆー結果がでたので、ここまで紹介します」と5行ぐらいだらだら書いて、それを一気に喋って、聴衆に概要を頭にいれてもらう。図が主体のスライドでは、とにかく問答無用で最初にThis is a picture(figure) of ほげほげ.と言う。図は左からみるのか、上から見るのか説明する。重要で面白い結果、強
Django Hack-a-thon Disc.8 でjQuery & jQuery UIのプレゼン - monjudoh’s diary
http://djangoproject.jp/weblog/2009/02/24/django_hack_a_thon_disc8/ スライド jQueryを効率的に利用・習得するためのhogehogeみたいな話と、jQueryUIの紹介という内容。 質問はTwitterのreplyで受け付けるという形にしたらとてもやりやすかった。 補足 スライドには書いてなくてデモと口頭だけで説明した話 jQuery UI Demos | jQuery UI デモを色々試して使えそうなものを見繕うとよい optionsの指定の仕方はデモからそれっぽいのを選んで、View Sourceで表示したソースを参考にすればいいよね Download Builder | jQuery UI pluginを選択すると依存pluginも自動的に選択してくれる pluginとthemeを選択してダウンロードすると、必要
HTMLベースのプレゼンツールまとめ | Blog.37to.net
home blog labs about contact Web・コンピュータ > HTMLベースのプレゼンツールまとめ (X)HTML プレゼンテーション 作成： 2008-06-15T21:24:33+09:00 更新： 2009-04-29T01:01:46+09:00 Kanasan.JSの資料作成にHTMLベースのプレゼンツールを調べていたので、簡単にまとめておきます。 Slidy W3C謹製のプレゼンツール。綺麗なHTMLで書けます W3C Slide show Tools MT & HTML Slidy でスライドを作る | WWW WATCH 作成方法紹介 Slidyのページ＜桑原政則 使いかたの紹介。この方が作成したのかな？ HTML Slidyのプレゼン資料 色々まとめ[to-R] Slidyの資料まとめ script.aculo.usでHTML Slidyを改造[to
WSHでDOM (Shibuya.js in Kyoto) - てっく煮ブログ
Shibuya.js in Kyoto にて「WSHでDOM」というタイトルで発表しました。開発に一週間、プレゼン作りに一週間かけた渾身のネタです。プレゼン作りにあたっては、２ページ目のイメージ写真を撮るために祇園祭に出かけたのが楽しかったです。資料に使ったフォントは「アニトＭ-教漢（無料版）」です。素敵なフォントが比較的自由なライセンスで公開されていて大変ありがたいですね。無料版なので、一部漢字が使えずに文章の変更を余儀なくされましたが、おかげで小学生にも読める分かりやすい資料になりました。ソースコード：http://coderepos.org/share/browser/lang/cplusplus/dom4winui/trunk/srcプレゼン 全画面で見る：http://tech.nitoyon.com/misc/shibuya-js-kyoto/Slide.swfソース：http
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Shibuya.JS in Kyoto の資料を公開します。 - IT戦記
久しぶりの Shibuya.JS めっちゃ楽しかったです！ また来てください！ リンク http://javascript.g.hatena.ne.jp/keyword/JavaScript%20%E6%9C%80%E6%96%B0%E5%8B%95%E5%90%91%20-%20Shibuya.JS%20in%20Kyoto%20%E8%B3%87%E6%96%99
Shibuya.js in KyotoでLTをして来ました - 最速チュパカブラ研究会
いつも通りスライドをslideshareにアップロードしました …が、たぶんこれだけ見ても訳がわからないと思いますので、デモの補足説明をします。 今回のLTで行ったデモは、ASCSSというWebKitのCSS処理系をAS3に移植したもののデモです。以下のURLで実際に動かすことができます: http://svn.coderepos.org/share/lang/actionscript/ascss/src/KyotoDemo.swf 左に適当なXML（整形式であればHTMLでなくてもOK）を入れて、右にCSSを書くと、どのセレクタがどの要素にマッチしたか青い線で表示します。一つの要素に複数のセレクタがマッチした場合、詳細度が低い方から順に青い線が光ります（この順番でルールを適用すると、詳細度の高いルールが後から上書きされるため、詳細度の低いルールより「強い」ことになります） おまけ機能とし
英語のプレゼンテーションで使える「決めセリフ」：ミッキーのproITなアメリカンライフ：ITpro
今回は，英語のプレゼンテーションで使える表現を集めてみました。 本日はこのような（発表の）機会を得て光栄です。 ・Thank you for such an opportunity to talk about xxx ・It is my privilege to present you about xxx ・It is my honor to present to such a distinguished audience. 今日は貴重なお時間をありがとうございます。 ・Thank you for your precious time today. ・I appreciate your time to be with us today. ・Thank you for your precious time to discuss on xxx. 始めてよろしいですか？ ・May I begin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Bakishin On Stage :: handsOut.jp