HTML5+CSS3 入門
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか： ウェブの歴史 [Page 2] よ
IE9のHTML5/CSS3のサポート状況
IE9betaが先日公開されましたが、現在分かってる範囲のIE9のHTML5のサポート状況を紹介します。
デザイナは要注目！ 明日から語れるHTML5＆CSS3（1/4）- ＠IT
デザイナは要注目！ 明日から語れるHTML5＆CSS3：一撃デザインの種明かし（13）（1/4 ページ） ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは？ 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか？ これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5＋CSS3に対応するWebブラウザが増えてきたことで、HTML5
【レポート】HTML5の機能を知るための15のデモンストレーション | エンタープライズ | マイコミジャーナル
Tech Drive-in - Technology, Linux, Ubuntu FTW 主要ブラウザの対応が進んでいることもあり、HTML5の技術を活用したデモンストレーションサイトが増えている。現在主流の技術と互換性が高いことから、すでにHTML5を採用すべきという意見もある。ブラウザの更新頻度は早まる傾向にあり、HTML5/CSS3の対応は日進月歩で進んでいくことになるとみられる。 HTML5やCSS3のデモンストレーションサイトやテクニック紹介ブログはこれまで何度も取り上げてきた。15 HTML5 Demos Showcasing Prowess of HTML5 Over Adobe Flash - Tech Drive-inにおいて、HTML5デモンストレーションサイトがまとめられており参考になる。中にはこれまでマイコミジャーナルで取り上げたサイトも含められている。紹介されて
HTML5についてのおさらい｜Web制作 W3G
Updated 2010.07.29 / Published 2010.07.29 これからHTML5を使いはじめようという方に向けたHTML5のおさらいです。HTML5の記述方法にはじまり、導入にあたって間違いやすいところや勘違いしがちなところをまとめてあります。 hgroup, header, footer要素の説明を含めた続きもあります(続HTML5についてのおさらい)。 HTML5の記述方法 まず最初に、必ずDOCTYPE宣言を行います。HTML5には公式のDTDがないので、すごくシンプルになっています。 <!DOCTYPE html> 続いて、html要素にドキュメントの言語を宣言します。 <html lang="ja"> そして順番にhead要素ときて、文字エンコーディングの指定ですが、charset属性が新たに利用できるようになりました。 <meta charset="UTF
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
FlashからHTML5/JavaScriptへ·Smokescreen MOONGIFT
SmokescreenはHTML5/JavaScript製のオープンソース・ソフトウェア（予定。ライセンスは未定）。AppleのFlash拒否の動きは止まることなく、他のスマートフォンとの対立が深まっている。Flashは既に世界中で利用されており、無数のコンテンツが存在するのが理由だ。 広告デモ。上がHTML5+JavaScript、下がFlash だからといって、今後永遠にコンテンツが増え続けるとは限らない。HTML5の登場によって、Flashによらないアニメーションや多彩な表現力がHTML5で実現する。旧来のFlashと今後のHTML5をつなぐのがSmokescreenだ。 Smokescreenは以前紹介したGordonと同様にFlash（SWF）ファイルを解析し、HTML5/JavaScriptによって実行するライブラリだ。広告のバナーやアニメーションのデモがあるが、SWFと変わら
HTML5で作られた画像加工サイト「Mugtug Darkroom」がすごすぎる*二十歳街道まっしぐら（FC2ブログ時代）
「Darkroom」はHTML5で作られたオンライン画像加工サイトです。 ちょこっと加工するくらいなら十分なくらいの機能をもっています。 HTML5で作られたってとこがすごいですねー。 IE8では動きませんでした。 以下に使ってみた様子を載せておきます。（※Chrome dev 6使用） まず「Darkroom」にアクセスします。 うお、めちゃくちゃ高機能っぽそう！これがHTML5！？ 以下に各機能をざっと紹介します。 トリミングや反転、赤目補正などがあります。 カラーバランスや露出の調整。 こちらはエフェクト。用意されている10ほどのエフェクトから選びます。 IE8ではご覧の通り、エラーで動いてくれません。 一見Flashでも使ってるのかなと思っちゃうくらいリッチですね。 動作もサクサクしていて実用的！ （本記事で紹介したサイト：Darkroom）
スライドや動画など、HTML5のサンプルいくつか
個人的なメモです。スライドや 動画などをHTML5を使って 実装したサンプルをいくつか 備忘録的にメモします。こうい うサンプル見てると未来が楽 しみになりますね。 個人的なメモです。スライドや 動画などをHTML5を使って 実装したサンプルをいくつか 備忘録的にメモします。こうい うサンプル見てると未来が楽 しみになりますね。 スタイル出来ないブラウザがある限り、微妙ではありますが、HTML5 を IE や Firefox 2 でも使えるようにする方法等も出ているので頭に入れるくらいはしておいて損ないかも。 サンプルは結構あるのですが、気になったものをいくつかメモ。特にFlashに対応しないipadやiPhoneでも動画を再生できるのは素敵かも。 This presentation is an HTML5 website キーボードの矢印キーで動くスライドのサンプル。 This pres
Video.js - Make your player yours
Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube and Vimeo. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and is used on over 450,000 websites. Plays anythingPlays “traditional” file formats such as MP4 and WebM, but
HTML5＋JavaScriptでビデオエフェクターに挑戦！ (1/6)
HTML5ビデオエフェクターのサンプル。左側の動画にリアルタイムでエフェクトを加えて再生する。画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） HTML5で追加される新機能の中でも、特に華やかなものといえば「Video」と「Canvas」でしょう。本連載でも、HTML5 Videoを使った3D動画プレーヤーやCanvasを使ったペイントツールなどを作成してきましたが、今回はこの2つの機能を組み合わせて「ビデオエフェクター」作りに挑戦します。 ひとくちにビデオエフェクターといっても、アドビ システムズの「After Effects」のように事前にレンダリングしてムービーを作成するアプリケーションから、アップルの「Motion」のようにムービーを再生しながらエフェクトを処理するタイプ、さらにはVJ (Video Jockey/Visu
IE9、HTML5動画再生はH.264フォーマットのみ対応
Microsoftの次期ブラウザInternet Explorer（IE9）は、HTML5の動画再生機能でH.264フォーマットのみをサポートする。同社のIEチームが公式ブログで明らかにした。 「H.264は優れたフォーマットだ。HTML5サポートにおいて、IE9はH.264の動画のみの再生をサポートする」と同チームは述べている。 MicrosoftはH.264を選択した理由について、「業界標準であり、幅広いハードウェアでサポートされている」からと説明している。「一般的な家庭用ビデオカメラで撮影した動画を簡単にWebにアップロードして、H.264に対応したOSや機器でブラウザから再生できる」。また、ほかのフォーマットは知的財産権があまり明確でないが、H.264はMPEG LAによる明確なライセンスプログラムがあるとしている。 HTML5の仕様では特定の動画フォーマットは指定されていないため
HTML5 基礎知識 - web探検隊
HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。articleセクションの一種で、Webページから独立したコンテンツを表す。asideセクションの一種で、外側のセクションに対する補足情報を表す。navセクションの一種で、外側のセクションに対するナビゲーションメニューを表す。footerセクションのフッター。headerセクションのヘッダー。hgroup複数の見出し(h1-h6)をまとめる。 外部コンテンツの埋込みfigureキャプションを伴うような内容のものを文章中に埋
?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+clockmaker+%28ClockMaker+Blog%29
アップルの新デバイス iPad が Flash に対応していないことや、アップルの CEO スティーブ・ジョブズ氏の苦言により、HTML5 は Flash に取って代わるのかという論議が現実味を帯びて論じられるようになりました。 「なぜAppleはiPadにFlashを載せるべきではない」のか AdobeのCTO、Kevin LynchがFlashを擁護―「HTML5はウェブビデオを暗黒時代に投げ戻す」 そこで、HTML 5 と Flash は何が違うのか両者の違いを図にまとめてみました。 (上の画像はクリックで拡大できます) 左側が HTML5 にしかない機能、右側が Flash にしかない機能で、中央の重なっているところが両方が利用できる機能です。グラフィック関係では、HTML5 では描画やビデオ関係はサポートするものの、テキスト周りや高度なグラフィック処理、デバイス機能ではまだ Fl
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年に勧告される「
HTML5はFlashやSilverlightを不要なものにする (1/2) - HTML5が拓く新しいWeb（3. Opera編） - ＠IT
新野淳一 Publickey 2009/11/27 オペラソフトウェア（以下、オペラ）は、グーグルやモジラと同じように積極的にHTML5への取り組みを見せる企業だ。同社はなぜHTML5を支持し、実装するのだろうか オペラは、当初からHTML5策定に深くかかわっていた 現在、HTML5の仕様策定としてW3CのHTMLチームでエディタを勤めるグーグルのイアン・ヒクソン（Ian Hickson）氏は、元オペラの社員であり、HTML5の策定母体となったWHATWG（Web Hypertext Application Technology Work Group）の設立当初はオペラに所属していました。 この話が象徴するように、オペラはHTML5の策定に当初から深くかかわる企業の1つであり、現在もその姿勢は変わらず、積極的にHTMLを実装し、また普及にも積極的です。同社はHTML5について、いまどう考え
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最前線 - フィクション・コミック・Webエンタテイメント
TechCrunch | Startup and Technology News
IDEA * IDEA
IBM Developer
