ブラウザでスライドを表示し、HTMLベースで作成できるプレゼンテーション用のスライドを簡単な操作方法と合わせて紹介します。
HTMLベースで作成できるプレゼン用スライドのまとめ
ブラウザでスライドを表示し、HTMLベースで作成できるプレゼンテーション用のスライドを簡単な操作方法と合わせて紹介します。
Windows 8では、HTML5とJavaScriptでWindowsアプリを開発可能に
Windows 8がどのようなOSになるのか、マイクロソフトは始めてその詳細を同社のWebサイトの記事「Previewing ‘Windows 8’」で開示し、動画でのデモンストレーションも公表しました。 Previewing ‘Windows 8’: Article by Julie Larson-Green, corporate vice president, Windows Experience. 多くのメディアでは、タイル形式の新しいタッチユーザーインターフェイスに注目していますが、Windows 8の注目すべき特徴の中の1つとして、HTML5とJavaScriptに対応することが明らかにされています。 Web-connected and Web-powered apps built using HTML5 and JavaScript that have access to th
jQueryやHTML5を使ってiPhoneやiPad向け電子書籍を作成する為のフレームワーク・Laker
iPadや、iPhoneなどのタッチデバイス の普及で、個人的にも電子書籍への 関心がかなり高まりました。そんな中、 割と良さそうな電子書籍専用のフレーム ワークがあったのでメモがてらご紹介。 こういうの覚えておくと重宝しそうですね。 なかなか動きが良かったです。ただ読むだけの電子書籍ではなく、HTML5やjQueryを使って、より「電子」らしく表現出来ると楽しそうですね。 HTML5で作る電子書籍用のフレームワークです。jQueryやiPadのようなタッチデバイス向けのフレームワークとなっています。 複数フレームワークを併用 Lakerには定番のjQueryや、iPhone、iPadで黄金比を保つcssフレームワークのLess Framework、HTML5+jQuery製動画プレイヤーのjPlayer、スワイプイベントをサポートする為のライブラリ、TouchSwipeなども搭載されてい
閲覧しているHTML5製のWebサイトの構文チェックをサクッと行えるブックマークレット
構文チェックといっても、バリデーション サイトに飛ばす、というブックマークレット なんですが、あれば便利だなぁと思った のでシェア。HTML5 Validatorという WebサービスにURLを放りこんでくれる ブックマークレットです。 楽なので覚えておきたいですね。ブックマークレットも増えすぎると微妙ですけどね・・ HTML5 Validator Bookmarklet ご利用のブラウザにHTML5 Validatorをドラッグ＆ドロップしてください。 使ってみる 試しに使ってみます。上記は、designbitsさんのサイトで、HTML5で構築されています。ここでブックマークレットを使ってみます。 直ぐにHTML5 Validatorでの検証結果が表示されます。ワンクリックで済むので手間が省けていいですね、これ。designbitsさんは見事に問題無しでした。すてき。 という訳でHTML
ユーザページでjavascriptを書けることについて - こども(てれび)
scrapiでは「カスタマイズ」ページから自分のサイトのHTMLを自由に編集する事ができます。javascriptやflashでも制限なく書けます。それはセキュリティ上大丈夫なのか、という話。 ログインや記事の編集などは www.scrapi.jp ドメイン上で行うようになっています。cookieはドメインwww.scrapi.jpで保持しています。ユーザページは [ユーザ名].scrapi.jp ドメインになっていて、カスタマイズしたHTMLはここで表示されます。そのため、ユーザページからは閲覧者の認証情報は得られません。右下にお気に入りなどのメニューが出るのですが、これは www.scrapi.jp ドメインのページを iframe で表示しているので、ユーザページのHTMLに書かれたjavascriptからは参照できません。 以上のことから、ユーザが自分のページでjavascript
Flash で制作されたファイルを HTML5 形式に変換することが出来る『FL2HTML5(仮)』の技術開発に成功 - プレスリリース2010/09/16
最近よく目にするものに着圧ソックスがあります。 日中に普段使いで履くことのでできる着圧ソックスはもちろんのこと、夜用着圧ソックスや100円ショップにまで着圧ソックスが販売されいています。 では、着圧ソックスにはどのような効果があるのでしょうか。 着圧ソックスでむくみを解消 むくみの主な原因は血液循環の滞りです。長時間の立ち仕事や同じ姿勢で作業などを行なっているとよく起こります。 心臓から送り出された血液が全身をめぐる中で足の筋肉がポンプの役割を果たしているのですが、力が弱いと血液をうまく循環させることが出来ずに溜まってしまうのです。 着圧ソックスはその溜まった血液をうまく循環させて血行を良くするために計算して作ってあるソックスなのです。 これによりポンプの役割のある足の筋肉をサポートして、血液だけでなくリンパ液や老廃物の循環もうまく促してくれるためむくみを解消することができるのです。 足の
Closure Library でローカルファイルのドラッグ＆ドロップを実装する - WebOS Goodies
簡単なサンプルを作ってみましたので、ファイルのドラッグ＆ドロップをサポートしたブラウザ（現時点では Google Chrome, Safari, Firefox のいずれか）で試してみてください。灰色の部分に適当なファイルをドラッグ＆ドロップすると、そのファイル名を表示します。複数のファイルをドロップすることも可能です。 ソースコードは以下のような感じです。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ファイルのドラッグ＆ドロップのテスト</title> </head> <body style="margin:0; padding:0;"> <div id="droptarget" style="width:100%; height:200px; background-color:#eee;"> ここにドラッグして
個人的に使いそうなPHP、CSS、HTML等のフレームワーク17個 - かちびと.net
個人的なメモです。今まであまり使って いなかったので少し使っていこうと思い、 いくつか自分でも使えそうなフレーム ワークを探しました。表題の通り、PHP、 CSS、HTMLやJS等しか僕は能力が 無いのでこの辺のフレームワークの まとめになります。 使いやすそう、使いにくそうというのは個人差が出そうだなぁと触ってみて思ったのですが、それぞれ良し悪しな感じもしたのでとりあえず気になったものだけメモしておきます。おそらく有名所ばかりだと思いますが個人的なメモなのでご了承下さい。 順不同です。 Blueprint CSSのフレームワークです。シンプルな設計ながら素敵なレイアウトが組まれている印象でした。 Blueprint Sass まだ触っていませんが、好評っぽいのでメモ。Railsみたいですが、CSSジェネレータ的な使い方もあるとの事でかなり気になる存在。Compassというの
HTML5ビデオを埋め込む。またiPhone, iPadで自動再生（autoplay）を行う｜WEB制作（html,css(スタイルシート) )｜プログラムメモ
HTML5ビデオを埋め込むコードは <video width="640" height="360" src="http://www.youtube.com/demo/google_main.mp4" controls autobuffer autoplay> </video> iPhone, iPadでautoplayを行うには <script src="http://www.google.com/jsapi"></script> <script>google.load("jquery", "1.3");</script> <script type="text/javascript"> jQuery.noConflict(); var j$ = jQuery; function fakeClick(fn) { var $a = j$('<a href="#" id="fakeClick">
ke-tai.org > Blog Archive > FlashをHTML5・JavaScriptに変換して動かすSmokescreenというものがあるそうです
FlashをHTML5・JavaScriptに変換して動かすSmokescreenというものがあるそうです Tweet 2010/6/3 木曜日 matsui Posted in Flash | 2 Comments » FlashをHTML5・JavaScriptに変換して動かすSmokescreenというものがあるとのことです。 なんとiPhoneやiPadにも対応しているらしいです。 → engadget日本語版 動画：FlashをHTML5に自動変換する Smokescreen、iPadでも動作 [japanese.engadget.com] → マイコミジャーナル HTML5+JavaScriptでFlashコンテンツを再現する「Smokescreen」 [journal.mycom.co.jp] → Appleウォッチ iPad/iPhoneでFlashを実行可能にするJava
Flash を HTML5＋JavaScript に変換する「Smokescreen」 | スラド
ストーリー by reo 2010年06月03日 11時00分 俺は Flash をやめるぞ ! 部門より 以前「JavaScript で書かれたオープンソース Flash プレイヤー」なるものが話題になったが、今度は Flash を HTML5 ＋ JavaScript に変換して実行させる Smokescreen なるものが登場している。 いくつかの デモが公開されているが、Flash で作成された広告なども Flash で動かすのとほぼ同じように動作している。対応ブラウザは Firefox 3.6、Safari 4.0.5、Chrome 5 beta、iPhone OS 3.x の Safari だそうだ。Opera 10.53 や IE ではいまのところ動作しないが、Opera 10.5 系については対応可能で、IE9 についても対応したいとのこと。
FlashをHTML5に自動変換する「Smokescreen」 - ネタフル
Flashを分解してHTML5+JavaScriptで再構築する「Smokescreen」というライブラリが開発中だそうです。 動画：FlashをHTML5に自動変換するSmokescreen、iPadでも動作というエントリーで紹介されています。 具体的にはフラッシュのswfファイルを読み込み、中にあるスクリプトデータをJavaScriptに変換、画像データと音声データも抽出し、HTML5として再構成してウェブページ内にロードするという荒技にもほどがあるつくりです。 すごいことを考えますね。実際にそんなことができてしまうのですね。 Smokescreen自身はJavaScriptで構成されていますので、利用するにはウェブページ側でSmokescreenを読みこむよう準備しておくだけ。ユーザ側で特別な準備は不要ですし、アプリではないのでApp Store検閲の心配もありません。 まだ変換は限
【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSやJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、WebプログラマやWebデザイナにとって欠かすことができないスキルであり、悩ましいところでもある。 How To Compose HTML ID and Class Names like a RockstarにおいてMeitar Moscovitz氏がidやclassの名前をつけるひとつの方法を紹介している。短くまとまっており参考になる。同記事では次のテクニックが紹介されている。まず、名前を考える段階で次
jQueryとTwitterのAPIを使ったWindows 7アプリを作ってみた
jQueryとTwitterのAPIを使ったWindows 7アプリを作ってみた：楽しいWindows 7アプリ作成入門（5） 「あんなこといいな」「できたらいいな」というアイデアをWindows 7の表現力で具体的な“アプリ”という形にするには、どうすればいいのだろうか？ 具体的なコードやデモとともに一から教えます Twitterのフォロワーを画像を一覧表示して投稿もできる 本稿では、Webデザイナ／プログラマの方でもテキストエディタとWebブラウザで簡単に作成できる、TwitterのAPIを使ったWindows 7デスクトップガジェット（以下、Windows 7ガジェット）の作り方を紹介します。Windows 7デスクトップガジェットの基礎については、記事「HTML＋JavaScriptで作れるWindows 7デスクトップアプリの基礎知識」を参照しておいてください。 実装する機能は、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料でつかえるCSS/（X）HTMLのテンプレート38個
IDEA * IDEA
フォームのテキストエリアをより使いやすくするテクニック集
IDEA * IDEA
HTML+CSS templating
商用利用でも無料のページレイアウトのPSD素材-FreePSDTheme