オシャレなスライドショーを簡単に作れちゃう reveal.js の使い方を reveal.js を使って解説してみた. | TM Life
昨日, コリスさんの記事で紹介されていた reveal.js に一目惚れしてしまったので使い方をまとめてみました. reveal.js の使い方を reveal.js を使って解説しています. 簡単にオシャレでシンプルなプレゼンを作れるのでぜひ遊んでみてください. 追記: 『reveal.jsベースのプレゼンをWeb上で作れちゃうオンラインエディタ『rvl.io』の使い方をrvl.ioを使って解説してみた』というエントリーを公開しました. とても便利なので, よかったらこちらも参考にしてくださいな♪ Sample reveal.js を解説しているサンプルはこちらです. また, 最小サンプルも作ってみました.(こちら) Download 今回制作したサンプルはこちらでダウンロードできます. index.html が 解説しているサンプル, sample.html が最小サンプルになります.
The HTML presentation framework | reveal.js
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
RedLine Magazine : ボックス全体をリンクにしたい
ボックス全体をリンクにしたい まずはこちらの発想の元ネタのサイトの紹介。 Link Boxes (Ask the CSS Guy) やりたいことは上記ページの上部の画像のように、見出しやテキストを置いている部分をリンクボックス化したいという主旨。マークアップや正しい書式にこだわらないなら簡単にできるのだが、ちゃんとした事をしたい人向けのTips。 ※以下のソースは上記サイトからの引用です。 上記サイトの言いたい事を簡単な日本語にして主旨だけ書きます。 ※訳とかまとめ要らないという方はその先に「それ、jQueryでやってみる」とか書いてみたので良かったらそちらへ進んでください。 まず中身はこんな感じ。見出しとテキスト。 <h2>About Us</h2> <p>How my life story became a Hallmark movie.</p> これらをボックスにしてリンクを付けたけ
HTMLで図まで描ける！進化した「HTML5」ってどんなもの？ - はてなニュース
HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何？どんなことができるの？」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 ＜具体的に何ができるの？＞ ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは？変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは？ - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「
HTMLからCSSのベースを作ってくれるサービス – creamu
テーブルなどをHTMLで組んだ後に、CSSコーディングを簡略化したい。 そんなときにおすすめなのが、『Primer』。HTMLからCSSのベースを作ってくれるサービスです。 HTMLをペーストして、「PRIME IT」ボタンを押すと、idやclass名からCSSのベースを作ってくれます。 プログラマが作った素のHTMLにスタイルを当てていくときなどに使えるかもですね。 インターフェースがシンプルで、アイコンがかわいかったりするので一度見てみてください。 Primer あけましておめでとうございます。今年もよろしくお願いいたします。 今年は初の東京での年明け。浅草に初詣に行ったりおせちを食べたりで楽しい感じです。 勢いでwiiとニュー・スーパーマリオブラザーズを買いました。めちゃおもろいです。
IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLとCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLとCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U
Web便利ツール TOP - TAG index URLエンコード・デコード
文字列の変換 URLエンコード・デコード 文字列をURLエンコード、またはデコードするフォーム。（エンコードは文字コードの指定も可能） URLエンコード［URL作成用］ URLに含まれる日本語をURLエンコードするツール。デコードにも対応。 Unicodeの文字コード確認 Unicodeの文字コードを確認するツール。エスケープシーケンスや数値文字参照も出力。 Unicodeの文字コード変換 Unicodeの文字コードを文字に変換するツール。エスケープシーケンスなどにも対応。 文字の一括置換・変換 文字を一括で置換・変換するツール。プリセットまたは任意の文字で置換・変換が可能。 コードの生成 パンくずリストの構造化データ自動生成 パンくずリスト用の構造化データを自動で生成するツール。OLのリストに対応。 テーブルタグ自動挿入 テキストをスペースと改行部分で分割してテーブル化するツール。 リス
下記のｻｲﾄをimodeから見た場合のｿｰｽを教えてください｡ http://junon.jp/ ※PCから見た場合のｿｰｽではなく､携帯(imode)から見た場合のｿｰｽです｡ よろしくお願… - 人力検索はてな
▽1 ● zifree ●0ﾎﾟｲﾝﾄ ﾍﾞｽﾄｱﾝｻｰ <!--▲ﾍﾟｰｼﾞTOPに張る--> <html> <head> <title>+･･･PLATINUM JUNON･･･+</title> </head> <body> <style type="text/css"> <![CDATA[ a:link{color:#993333} ]]> </style> <style type="text/css"> <![CDATA[ a:focus{color:#ffffff} ]]> </style> <style type="text/css"> <![CDATA[ a:visited{color:#990099} ]]> </style> <a id="top"></a> <div style="background-color:#ff9933; text-align:center;
YappoLogs: 2005年12月 Archives
ライブドア入りたい！ から分かるGoogleの仕様 Googleのクロウラーたんの辞書にない単語を保持しているURLのランキングはかなり高い。 （そのキーワードで検索してる限り） その強さは、フレッシュURLやリンク構造でのPageRankよりも強いパラメータとなっている。 んでもって、多分新規ワードを掲載するURLの時系列をある程度持っている。 で、ちょっと流行に乗り遅れるとページランクとかが優先されるのかな？ もともとyappoはPR高めだからﾖｸﾜｶﾝﾈ ライブドア入りたい！ で始めるライブドア乗っ取り計画 by 鈴木島男 ライブドア入りたい！ (via:はてな入りたい！)のSearch Word Cloudを見て笑った。。。 ライブドアスタッフ ライブドア入りたい はてな入りたい ライブドアに入りたい 面接 実力 入りたい！ ・鬣、・ヨ・ノ・「ニ?、熙ソ、、 ライブドア入りたい！
Six Apart - Docs: Mobile Link Discovery 仕様
このページでは XHTML/RSS/Atom においてモバイル版 URL へのリンクをメタデータに埋め込む仕様: Mobile Link Discovery について解説します。 (See English version of this page.) サマリ モバイル端末に最適化されたウェブページをもつサイト（Publisher と呼びます）は、link タグにその URL を以下のように記述します。 <link rel="alternate" media="handheld" href="..." /> こうすると、サーチエンジン、ブログサイト、ソーシャルブックマーキングサイトといった外部のサイトのモバイル版ページから、Publisher 側のモバイルページに正しくリンクすることができます。 このモバイルリンクは RSS や Atom フィードに記述することもできます。 例 http:/
ez-HTML
充実したカスタマイズ、正確な入力支援、XHTML形式出力も記述ができる高機能・次世代HTMLエディタ。 開発開始からの累計ダウンロード数が100万本を突破しました（2022月4月5日）。 最新版(ver 7.71)をダウンロード！ (2.20MB) 2005年度 VECTORベストオンラインソフトウェア賞を受賞、 2007年度 Greva!プラチナ賞を受賞しました。 Index 市販の「ウェブサイト制作ツール」（以下WYSIWYGと省略）は画像なども簡単に挿入でき、レイアウトなども簡単にできますが、その反面font要素を乱用したり何度も編集している間ゴミのようにタグが残ってしまうという問題点があります。 当ソフトウェアは主に手打ちでHTMLソースを記述する人向けのために開発されています。 また、WYSIWYGで制作したHTML文書のちょっとした編集などにも使う事ができます。 また、このHT
SEO対策に重要なMETAタグについて
検索エンジン最適化（SEO）のためにスパイダーを制御できるMETAタグを上手に活用してアクセスアップに役立てよう ◆◇◆ METAタグとは ◆◇◆ METAタグとは、Google、goo、infoseekなどに代表されるロボット型検索エンジンでスパイダーと呼ばれるプログラムにホームページの情報を拾わせるためのHTML記述方法です。 ロボット型検索エンジンのスパイダーがネットワーク上を巡回し、ホームページを探し出し、そのページのHTML文書の中からキーワードを拾い集め、URLを検索ページに反映させるという訳です。 いわば、METAタグはロボット型検索エンジンのスパイダー様のツアーコンダクターといったところでしょうか。 METAタグはページ内容の説明やキーワード、ファイル情報などを記載しますが、直接ブラウザに表示されるわけではありません。 メタタグには、いろいろなものがありますが、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ＨＴＭＬの表の中に他のＨＴＭＬまたはTXTファイルからの一部を表示させる方法はりますか。…
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
携帯電話向けコンテンツの書き方 - ウェブの作り方
いまさらHTML,CSS入門講座移転のお知らせ。