タグ

presentationとhtmlに関するkitsのブックマーク (14)

  • pelletkachels | blog over bedrijven en feitjes en de pelletkachel

    Welkom bij Pelletkachels.nl, jouw ultieme bron voor alles wat met pelletkachels te maken heeft! Maar we zijn meer dan alleen een platform voor het bespreken van warmtebronnen. Bij Pelletkachels.nl geloven we dat het delen van kennis en ervaringen over bedrijven en gebeurtenissen ook essentieel is voor het creëren van een betrokken en geïnformeerde gemeenschap. In dit blog duiken we dieper in de we

    pelletkachels | blog over bedrijven en feitjes en de pelletkachel
  • HTML によるプレゼン作成のススメ - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 昨日、 HTML5 勉強会で Opera の開発者向け機能についてプレゼンしてきました。会場が Opera の目黒オフィスということで急遽駆り出されました(笑)。 こういったプレゼンをするときに必要なのがプレゼン資料(スライド)の作成。これまでは Google Docs や OpenOffice.org で作っていたのですが、これがどうにも不便。ちょっとしたことを

  • W2Cマークアップエンジニア・ワーキンググループ 「マークアップエンジニアが知っておきたい3つの脆弱性」 | 作者プロフィール

    2009年9月16日、W2Cマークアップエンジニア・ワーキンググループでお話しした「マークアップエンジニアが知っておきたい3つの脆弱性」に関するサポートページです。とりあえず資料がダウンロードできます。 資料ダウンロードプレゼンテーション資料の PDF 版がダウンロードできます。 bakera_w2cWG.pdf (PDFファイル 487KB) 無断での再配布はご遠慮ください。また、資料内に含まれる画面キャプチャは全て削除されていますので、一部不自然な空白があります。 以下に若干の補足があります。 マークアップエンジニアが知っておきたい3つの脆弱性:補足 参考サイト話の中で触れたり、参考にしたりしたサイトです。 情報処理推進機構 (www.ipa.go.jp)経済産業省告示「ソフトウエア製品等脆弱性関連情報取扱基準」(PDF) (www.meti.go.jp)ソフトウェア等の脆弱性関連情報

  • セマンティックHTML? KISS!

    Keep It Simple, Stupid ウェブの文書とデータ 人間が読むためのウェブ文書にはさまざまな情報が詰まっている コンピュータ(エージェント/処理ソフト)はHTMLから文書構造の大枠を把握して提示できるが、内容(データの意味)は基的に関知しない コンピュータ処理用のデータは別途用意する? 両方まとめて、シンプルにしよう! HTML文書中のデータをコンピュータ処理も可能にする HTMLのシンプルさを生かすことが大切 しかしコンピュータにとっても明快でシンプルであること だからセマンティックHTML ウェブリソースの型と関係 ウェブ文書中のデータを明示するためには 文脈によらない識別(名前付け):何が同じで何が異なるかを明確にする データはどんなタイプ(型)か:文書について? あるいは文中の映画について? データどうしの関係:この日付は映画の封切り日? 映画を観た日? ウェブ文

  • XHTML+CSS Slideshow Tool の仕組み (plucore.log(プラコア ブログ))

    個人ブログの方で XHTML+CSS Slideshow Tool を紹介しましたが、簡単にこっちでもお話しします。 XHTML+CSS Slideshow Tool とは XHTML+CSS Slideshow Tool Ver 1.0 サンプル ファイル PDF 印刷したサンプル 純粋な XHTMLCSS の組み合わせで PDF 印刷することを前提に作られたプレゼンテーションツールです。 XHTML 文書の中身は S5 と似たような構造になっています(かなり単純化されてますが)。 なので JavaScript によるエフェクトは一切ありません。個人的にそんなのはいらないと思っているし。 とまあそのままコピペですが、目的はあくまで PDF 印刷です。ブラウザ上で見ることも出来ないことはないですが、JavaScirpt を使ってどうこうしなければ、それこそ S5 のようなツールの

  • XHTML+CSS Slideshow Tool を作ってみた - double-team.org

    たぶんどこにでもあるネタだと思うけど、きっかけは”position プロパティの fixed 値を印刷時にはどーやって表示されるのか”が気になったので試してみたら”これでプレゼンテーションツールが作れるんじゃね?”ってことで作ってみた。 XHTML+CSS Slideshow Tool Ver 1.0 サンプル ファイル PDF 印刷したサンプル XHTML+CSS Slideshow Tool とは 純粋な XHTMLCSS の組み合わせで PDF 印刷することを前提に作られたプレゼンテーションツールです。 XHTML 文書の中身は S5 と似たような構造になっています(かなり単純化されてますが)。 なので JavaScript によるエフェクトは一切ありません。個人的にそんなのはいらないと思っているし。 使い方 title 要素にタイトルを記述し、これがヘッダのプレゼンする内

    kits
    kits 2007/08/21
    PDFに出力して使うプレゼンテーションツール。CutePDF Writerとかと合わせて使えそう。
  • How to describe a "Strict" XHTML document

    2007-08-09 Kentaro Ohno 1/42 次へ Strict とは Strict とは 辞書的な意味ではきびしい、厳格な 文書に正しいマークアップを施すこと Valid とは違う 前へ 2/42 次へ 正しいマークアップ 正しいマークアップとは 見出しには hn 要素 強調は em、strong 要素 リストは ul、ol 要素 など、当たり前のこと。 むしろ、これ以外のマークアップをする意味が分からない。 前へ 3/42 次へ なぜ Strict? 1 Strict な XHTML を書くと ユーザビリティの向上 アクセシビリティの向上 検索エンジンのロボットがページを正しく解釈してくれる (SEO) 前へ 4/42 次へ なぜ Strict? 2 というのも重要だけど…… 一番の理由は、それが当たり前のことだから。 当たり前のことができないのは技術者として恥ずかしい!

    kits
    kits 2007/08/13
    JS無しのプレゼンテーション / Strictに過剰な意味づけを求めているような。Strict DTDに従ったHTMLがStrictだと思う。(Transitional DTDなら文書構造に沿ったマークアップは必要ないのか?)
  • 名前のウェブとXHTML文書のプロファイル

    情報は伝わるか? そもそも情報は伝わらない… 生命情報:生物が世界と関係することで出現する、意味のある(識別できる)パターン 観察者(主体)が世界をどのように捉えるか(関係)を表すパターン。人によってその関係=パターンは異なるので、完全には伝えられない。 社会情報:生命情報を人間が(ことばとして)記述する 共同体(国家、コミュニティ…)での共通了解=意味のとりあえずの固定(規範化作用) 機械情報:言葉の記号作用の「記号表現」だけを取り出したもの コンピュータ、ネットワーク上のデータとして蓄積、交換される (西垣通 『ウェブ社会をどう生きるか』) そこを何とかうまく伝えるためには 明晰な論理と文章 分かりやすい情報のかたち 互いに理解できる名前 情報の伝達と名前 機械情報を介した情報のコード化と再構築 情報が伝わるためには、まず社会情報が適切に再現される必要がある 同じ社会情報でも人によって

  • cybergarden.net

    cybergarden.net 2024 著作権. 不許複製 プライバシーポリシー

  • 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

    kits
    kits 2006/09/01
    XHTML + CSS + JavaScriptによるプレゼンテーション。
  • 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

    kits
    kits 2006/09/01
    XHTML + CSS + JavaScriptによるプレゼンテーション。
  • XHTML + CSS + JavaScriptによるスライドショーシステム

    XHTML版スライドとは CSSJavaScriptによる疑似スライドシステム 1つのXHTMLファイルを、div要素あるいは見出し要素単位で複数のスライドに見立てる。 CSSで1つのスライドブロックのみを表示(他はdisplay:none)。 クリックやキー操作イベントでJavaScriptを起動し、表示するスライドブロックを切り替え。 様々なXHTMLスライドシステムが存在するが、基的な考え方は同じ。 XHTML版スライドのメリット 1つのファイルにまとまってコンパクトで扱いやすい。 適切に作ればCSSJavaScriptが使えない環境でも通常のウェブページとして閲覧可能。 パワーポイントなどの専用アプリケーションが不要で、どこでもプレゼンテーションできる。 ウェブアプリケーションのデモをするときに、そのままブラウザ内でシームレスに操作できる。 アウトラインプロセッサの出力などの

    kits
    kits 2006/09/01
    XHTML + CSS + JavaScriptによるプレゼンテーション。
  • 2006-08-31

    キーワードプレゼンテーションモードの追加について 日、はてなグループのキーワードページを簡単なプレゼンテーションにもご利用できる、プレゼンテーションモードを追加しました。 特定の記法を用いることで、はてなグループのキーワードページをプレゼンテーションに適した表示に変更します。またこのページでは j, k などのキー操作や、マウスクリックでページを移動することが可能です。 例:keyword:キーワードプレゼンテーションモードのサンプル:presentation 実際に操作した画面を以下のプレイヤーからご覧いただけます。再生ボタンをクリックしてご覧ください。 プレゼンテーションモードの開始方法 キーワードページのプレゼンテーションモードを開始するには、以下のように通常の keyword記法の最後に :presentation と付けて、キーワードページにリンクしてください。 例えば、 キー

    2006-08-31
    kits
    kits 2006/09/01
    キーボードモードとマウスモードと分けず、どちらでも操作できた方がよいのでは。/ マウスモードでもキーボード操作できてた。だとすると2つモードがあるのは何故だろう。
  • SleepyPresentation

    SleepyPresentation デモとサンプル。この部分はターゲットじゃないのでプレゼン対象ではないです。 ターゲットは id="content" にしてあります。すなわち id="content" 以下の .section がそれぞれページになっています。 Opera 8.5 (ホイールは効かない?) Firefox 1.5.* Todo: 高橋メソッド (各ブロック要素を一つずつ巨大化表示とか) マーキング SleepyPresentation って? HTMLJavaScript プレゼンツール。 右下の Switch をクリックでモード切替 高橋メソッドなプレゼンツール in XUL リターンズ Rabbit を (思想的に) パクってる。

    kits
    kits 2006/02/26
    HTMLによるプレゼンテーション
  • 1