W3CがHTML5のロゴを発表！ ホームページに貼ろう！
ロゴはクリエイティブコモンズのAttribution 3.0 Licenseライセンスで提供され、希望者は誰でもこのロゴをWebサイトに表示したり、ステッカーにしてPCに貼ったり、Tシャツの柄にすることができるとのこと。 また、HTML5を利用していることをアピールしたいWebサイトのために、HTML5関連のテクノロジーを示したアイコン付きのバッジも提供されています。 HTML5のロゴの右側に並んだアイコンは、左から以下のテクノロジーを示しており、任意に選択できます（バッジには縦用のレイアウトもあります）。 Connectivity（Web Sockets、Server-Sent Eventsなど） CSS3 & Styling（CSS3、Web Open Fonts Formatなど） Device Access 3D & Effects（WebGL、CSSの3D機能など） Multim
Flash亡き後、それを置き換える技術は？
FlashがWebの世界を去っていくことが注目されましたが、その一方でリッチなWeb体験に力を注ごうという勢力もあります。その1つが「PWA（Progressive Web Apps：プログレッシブ Webアプリ）」。モバイルの「Webアプリ」に「ネイティブアプリ」並みの操作性や表現力を持たせようとするものです。 モバイルのWebページを高速化する「AMP（Accelerated Mobile Pages）」などと同様、Googleが中心になって推進していたためか、これまではAndroid版「Chrome」を中心に採用が進んでいました。しかし、これがiOSでも使えるようになる（かもしれない）というのです。 ネイティブアプリ対Webアプリ Webアプリは、Webブラウザの中で動くアプリです。これに対し、PCなどにインストールして使うアプリを「ネイティブアプリ」と呼びます。ネイティブは「土着」
コレ1枚で分かる「HTML5（1） Ajaxの誕生」
この連載は カップめんを待つ間に、電車の待ち時間に、歯磨きしている間に“いまさら聞けない”ITトレンドが分かっちゃう！ 今さら聞けないITの最新トレンドやビジネス戦略を、体系的に整理して分かりやすく解説する連載です。「この用語、案外、分かっているようで分かっていないかも」「IT用語を現場の社員にもっと分かりやすく説明できるようになりたい」――。情シスの皆さんのこんな課題を解決します。 Webの表現力を高め、ブラウザをアプリのように 2000年代初頭、Flashはアニメーションを動かし、音を鳴らすなど、動きのあるWebサイトを作成できるクライアントとして、PCスペックへの普及率が97％に達し、事実上の「標準」の地位を確立していました。そして、ブラウザさえあれば、ハードウェアや基本ソフトウェアの種類を問わないFlashは、Windowsに代わるクライアントとして期待されました。 しかし、Fla
かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技
2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト！ 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す（文字色も変更） ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう！サンプルも作ったのでコードと
HTML5を中心とした「Web標準」がどれだけあるのか、図にしてみると……
急速に立ち上がろうとしている「プラットフォームとしてのWeb」。そのために現在たくさんのWeb標準が提唱され、標準化作業が行われています。 その全体像を1枚の図として示したのは、Mozilla Japanのdynamis（でゅなみす）氏こと浅井智也氏。先週行われたオープンソースカンファレンス2012京都で行った講演のスライドから許可を得て引用します。 HTML5を中心に、円の色は標準化団体の色を示しています。青ならW3C/WHATWG、黄色はIETF、茶色はECMA、赤はKhronos。また、円の外側はまだまだこれからの技術という位置づけになっているそうです。 こうして1枚の図にして見ると、実にたくさんの技術がWebで実現されようとしていることに驚かされます。 このすべての技術を使いこなす必要はないかもしれませんが、Webをプラットフォームとするアプリケーションの構築には、HTML5のマー
Microsoft Edge、全てのFlashをブロック対象に ユーザーには「実行するか否か」ダイアログボックスを表示
Microsoft Edge、全てのFlashをブロック対象に ユーザーには「実行するか否か」ダイアログボックスを表示：Edgeの次期リリースで搭載、HTML5移行を促進 Microsoft Edgeの次期リリースで、Adobe Flashの制御機能が強化される。原則、全てのFlashコンテンツをブロック対象とし、ユーザーには「実行するかどうか」のダイアログボックスで選択させる 米マイクロソフトは2016年12月14日（米国時間）、同社の公式ブログで、Windows 10の標準ブラウザ「Microsoft Edge」で、「Adobe Flash」の実行制御機能を強化することを明らかにした。 今回予定されるアップデートは、Adobe Flashの脆弱（ぜいじゃく）性を踏まえた、ユーザー向けセキュリティ強化策を提供するとともに、Flashと同等かそれ以上の表現ができるHTML5への移行を開発者
HTML5 と CSS3 で 死にたい
CSS3の「変形・アニメーション関連」のプロパティは面白いですね。これらのプロパティの登場によって、CSSの持つ表現力が「どかーん」と拡大するように感じました。この記事では、WebKit Nightly Buildsでの表示を対象に、 CSS3で新たに定義されたプロパティを色々と使ったサンプルを作ったので、それを紹介したいと思います。 サンプルページは、CSS3のプロパティの練習として作っていたので、 表示の対象はこれらのプロパティを先行実装しているWebKitエンジンのブラウザーの中でも、 描写速度が激的に改善されている開発者向けのWebKit Nightly Buildsになります。 Safari4やGoogle Chromeでも見られますが、アニメーションはスムーズに再生されません。また、HTML5のaudio要素に対応していない場合は音が出力されないようです。非常に高負荷な処理が盛
FlashサイトをHTML5形式に変換する「FL2HTML5(仮)」
iPhoneやiPadはFlashが動かないため、Flashでできたサイトの閲覧が不可能でしたが、この「FL2HTML5(仮)」はFlashで構築されたサイトを解析してHTMLファイルを生成、Flashサイトにおけるサイト構成を再現してくれるとのこと。これによって作成されたHTMLファイルはiPhoneやiPadなどで閲覧可能になるそうです。 実際にどういうように動くのかというムービーは以下から。 Flash で制作されたファイルを HTML5 形式に変換することが出来る『FL2HTML5(仮)』の技術開発に成功 [開発] Flash to HTML5 変換サービスを開発成功 | blog.progression.jp YouTube - Flash で制作されたファイルを HTML5 形式に変換して実機動作 これがFlashのデモサイト 右クリックすると確かにFlashでできているとわか
H.264のライセンス料、無料ネット動画は恒久的に不要に
ライセンス管理団体MPEG LAは8月26日、ネットの無料動画配信に対して、AVC/H.264のライセンス料を「ライセンスの全期間を通じて」無償にすると発表した。 同団体は先に、2015年12月31日までこうした動画にライセンス料を課さない方針を明らかにしていた。今回の発表で、それ以降もライセンス料が発生しないことが明確になった。 ライセンス料免除の対象は「エンドユーザーが無料で視聴できるインターネットビデオ（インターネット放送AVCビデオ）」。例えば、YouTubeのように無料でWeb動画を配信しているサービスなどがそれに当たる。インターネット放送AVCビデオ以外の製品やサービスには引き続きライセンス料が課される。 H.264はHTML5の動画コーデックの1つで、YouTubeやVimeoなどの動画サイトは同技術を採用している。ライセンス料免除が決定したことで、H.264 HTML5を使
Apple - Safari - Introducing Safari 4 - See the web in a whole new way
Safari is the best way to experience the internet on all your Apple devices. It brings robust customization options, powerful privacy protections, and optimizes battery life — so you can browse how you like, when you like. And when it comes to speed, it’s the world’s fastest browser.1 Learn how to make Safari your default browser With a blazing-fast JavaScript engine, Safari is the world’s fastest
HTML5 Widget入門：あなたにも作れるiPad用Widget
今朝の「iPadでHTML5 Widgetを走らせて遊ぼう」に対して、「もう少しWidgetについて知りたい」との声が聞こえてきたので、「Widget入門編」を書いてみようかと思う。 Widgetとは何か？ 先のエントリーで書いたが、ひとことで言えば「パッケージ化されたウェブアプリケーションである」。通常のウェブアプリは、特定のURLにアクセスすることにより走らせるが、Widgetの場合は、.wgt のエクステンションを持つWidgetファイルをダウンロード＋インストールした上で、それを起動する。 Widgetファイルの中身は、HTML+CSS+JS+メディア・ファイルで構成されており、それをZIP圧縮して、エクステンションを.wgtに変更しただけのものである。 なぜそんなことをするかと言えば、（１）オフラインで動かしたい、（２）通常のデスクトップアプリの感覚で起動したい、（３）パッケージ
【レポート】Apple、Adobe、Google - iPhone/iPadのFlashサポートとHTML5を巡る最新事情 | パソコン | マイコミジャーナル
すべてはこのNew York TimesサイトのFlashビデオリンク切れ映像から始まった 時はさかのぼるが、今年1月27日のiPad発表会の日、米Apple CEOのSteve Jobs氏が行った1つのデモストレーションが、対立のサインとなっていた。互いにパートナー関係にあると思われていたApple、Adobe、Googleの3社は、実は水面下で激しいつばぜり合いを繰り返していたことが顕在化したからだ。iPadのデモで登場したFlashビデオのリンク切れから始まったいざこざは、現在新たな展開を生み出しつつある。 AppleがiPhone OSでFlashをサポートしない正確な理由を知るものは内部関係者だけだが、「【レポート】Apple ジョブズCEOの"怠け者"発言にAdobe CTOが反論 - Flashの裏事情と見解」のSteve Jobs氏自身の発言にもあるように、今後技術的進歩が
これがHTML5の実力！ フル3Dゲーム｢Quake｣をブラウザ上でプレイしてみた（動画）
これがHTML5の実力！ フル3Dゲーム｢Quake｣をブラウザ上でプレイしてみた（動画）2010.04.02 17:00 プラグインも、Flashも使ってません！ Google Web Toolkit Blogからの動画です。ご覧のとおり、フル3Dゲーム｢Quake｣がブラウザ上でスムーズに動いちゃってます。以下Google Web Toolkit Blogからの引用です。 我々はJake2と呼ばれるQuake2ゲームエンジンの純粋なJavaのポートを、Google Web Toolkit （WebGL、WebSocketsなど）を使って、Javascriptに埋め込みました。この動画がそれです。驚いたことに1秒間に30フレームがノートPCで再生できたんです！ いやいや、HTML5超やばいって！ [Google Web Toolkit Blog via TechCrunch] （遠藤充）
【Giz Explains】HTML5はインターネットの救世主、か？
【Giz Explains】HTML5はインターネットの救世主、か？2010.04.01 21:00 福田ミホ Web関係のエラい人たちが、インターネットで使われる言語の次バージョン、HTML5について騒いでいます。 いわく、HTML5は、Webアプリを変革する。HTML5は、Flashを駆逐する。iPadの欠陥を補ってくれる。本当に、彼らの言う通りなのでしょうか？その答えは、イエスであり、ノーでもあります。 その理由は、続きで解説します。 技術系の報道においては、HTML5は徐々に広まっていく技術ではなく、夢の救世主のように喧伝されています。YouTubeとVimeoがHTML5をテストし始めたとき、HTML5こそはFlashキラー、Webビデオの解放者と祭り上げられました。Googleが新しいGoogle VoiceをHTML5ベースで設計すると、OS依存アプリはこれで死滅する、とささ
IO 9elements
Our company's top wizards, stuntmen, and industry experts offer their best advice, how-tos, and insights - all in the name of shockingly good code & design. Building a Rock Solid Auto GridExplore a customizable CSS auto-grid layout in our latest post. Adjust column widths, gaps, and max column count for flexible web designs. Ideal for any web project. Hosting a ComfyUI Workflow via APIBasic WebSoc
【レポート】HTML5を今日のブラウザで使う - Operaのエバンゲリストが実験 | ネット | マイコミジャーナル
5月末に米国で開催されたGoogle I/Oで、Googleが大々的に取り上げたHTML5。以来Webプラットフォームの進化を加速させる技術として注目され、ドットコムバブル後に一部のWeb 2.0企業が果たしたような起爆効果を期待する声も聞こえ始めている。 しかしながら、HTML5はまだ策定作業の半ばにあるHTML規格に過ぎない。実際に普及を押し進めていくには、Webに関わるあらゆる企業や開発者、そしてユーザーの協力を得ていく必要がある。そこでOSCON 2009で、Opera Softwareの"オープンWeb標準エバンゲリスト"であるBruce Lawson氏が「The HTML 5 Experiments」という講演を行った。リアルワールド (今日のWebブラウザ)でHTML5を試してみて、その可能性と課題を浮き彫りにする試みだ。 Opera Softwareの"オープンWeb標準エ
【特集】詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 (1) はじめに - 本特集の趣旨 | エンタープライズ | マイコミジャーナル
Google I/Oの基調講演で大きく取り上げられて以来、HTML 5に対する注目度は増すばかりだ。仕様に関する議論もWHATWGのメーリングリストで日々活発に行われ、ブラウザによる実装も着々と進んでいる。 本記事は、HTML 5の仕様や実装状況に関する現時点での最新レポートとして、実際に動作するサンプルを添えた詳細な解説をお届けするものである。HTML 5の仕様はまだまだ流動的であり、実装状況も刻一刻と変化しているが、HTML 5に対して強く興味を持っている方々に少しでも詳しい情報をお届けできれば幸いである。また、HTML 5で追加される各種の新機能について短時間で把握したい場合は、「5分で把握するHTML 5 - Google Developer Dayセッションリポート」という記事があるのでそちらもお薦めだ。 本特集は全2回から成り、前半となる今回では「HTML5 - HTMLとX
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
HTML 5のビデオ コーデック、各ベンダの合意を見るに至らず
Google、動画圧縮技術のOn2を約1億ドルで買収 