HTMLのDTDを読んでみよう
HTMLには厳密な文法規則はない――これは大きな誤解です。特 定のウェブブラウザで綺麗に表示されているからといってそのHTML 文書が正しくタグ付けされているとは限りません。正しくないHTML 文書は別のブラウザで見るとおかしな表示になってしまうことがあ ります。しかし規則に従って適切にタグ付けされた文書はどんなブ ラウザで見ても読みやすく表示されるのです。少なくともブラウザ はそう作られているべきです。 HTMLはSGMLの応用の一つとして定義されていますから、 HTMLのタグ付けの規則について疑問があればDTD (後述)を参照するのが 一番確実です。DTDを読むにはSGMLの知識が必要ですが、 自分でDTDを書くとかならともかく、HTMLの決まりを確かめたくてDTDを 見るだけであればSGMLの全てを知っている必要はありません。この文章では HTMLについてある程度知っている読者を対象
GoogleとMicrosoftら、HTML5対応のコンテンツ暗号化APIの標準化を申請
米Google、米Microsoft、米Netflixの3社は2月21日（現地時間）、Web標準化団体のWorld Wide Web Consortium（W3C）に対し、暗号化された動画や音楽のHTML5での再生を可能にするためのAPIの標準化を求めるドラフトプロポーザルを行った。 HTML5では、FlashやSilverlightなどのプラグインを使わずに動画や音声を再生できる（Webブラウザによる対応が前提）が、そうしたプラグインと異なり、デジタル著作権管理（DRM）の方法は定められていない。そのため、DRMで保護されたコンテンツを提供するには、Webブラウザや端末別に対応させる必要がある。これは、コンテンツ提供側にとっては大きな負担になっている。 Googleらが提案するシステムでは、APIをWebブラウザに追加することで、HTMLのmediaエレメントに変更を加えることなく、あら
Advent Calendar電子版の提供開始！第一弾は「HTML5 Advent Calendar 2011」！ | Gihyo Digital Publishing … 技術評論社の電子書籍
Advent Calendar電子版の提供開始！第一弾は「HTML5 Advent Calendar 2011」！ Advent Calendar電子版の進捗ご報告 技術評論社の馮です。こんにちは。 まずは，昨年末に本ブログで募集させていただいた「技術系Advent Calendar電子版」に関しまして，当初の予定より提供開始が遅れていることお詫び申し上げます。現在，スタッフ一同鋭意制作中ですので今しばらくお待ちください。 「HTML5 Advent Calendar 2011」電子版提供開始！ さて，制作と並行してようやく第一弾を提供できる運びとなりました。 技術系Advent Calendar電子版 本日提供を開始するのは， 「HTML5 Advent Calendar 2011」 です。 HTML5にまつわる話題が多数盛り込まれています。 Gihyo Digital Publishi
HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」:phpspot開発日誌
turn.js - The page flip effect for HTML5 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現でき、iPadやiPhoneなどでも動作します。 電子書籍ビューアとして使えそうですね ページに立体感を出すために影なんかも描画されてます。 マークアップや初期化も超簡単です。<div>を並べて初期化するだけ。 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル モバイルブラウザでのHTML5対応状況が一目瞭然の「Mobile HTML5」 HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」
HTML5やCSS3を駆使した「次世代の可能性」を感じるサイト｜Tips*Blog｜株式会社コプロシステム
ここ2～3年の間で、HTML5／CSS3に関連するブログ記事のエントリーやセミナーなども増えて、これらのキーワードもすっかり定着してきました。 このブログをご覧いただいている方も、各々抱えられているweb系の業務案件で、大なり小なりHTML5やCSS3などの技術を取り入れている方、その可能性を体験している方がほとんどではないでしょうか？ 今回のエントリーでは、HTML5／CSS3／jQueryなどを組み合わせることによってどんどん変化していっている"webサイトの表現"について、事例をご紹介したいと思いますが、まず始めに少しだけおさらいを書かせてもらいます。 HTML5とは？ 今さらなのであまり詳しい説明は書きませんが、過去に弊社HP内で私が書いたコラム『次世代を担う技術「HTML5」について』から引用しますと、 "現在のwebコンテンツで、最も一般的に使われているHTMLの標準仕様は「H
HTML Data Guide
HTML Data GuideW3C Interest Group Note 08 March 2012This version:http://www.w3.org/TR/2012/NOTE-html-data-guide-20120308/Latest published version:http://www.w3.org/TR/html-data-guide/Previous version:http://www.w3.org/TR/2012/WD-html-data-guide-20120112/Editor:Jeni Tennison, Independent Copyright © 2011-2012 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark and document use ru
HTMLファイルの中に画像を埋め込んで表示させる方法 [ホームページ作成] All About
ウェブページ内に画像を表示する際、一般的にはHTMLファイルと画像ファイルは別々に存在します。例えば、index.html ファイル内に記述されたHTMLソースから画像として image.png ファイルが指定されている場合は、index.html と image.png は別々に存在するファイルです。当たり前ですね。 そもそも、HTMLファイルはテキストデータなのに対して、PNGやJPEGなどの画像ファイルはバイナリデータです。ですから、画像とHTMLを1ファイルにまとめることはできなさそうに思えます。 ※テキストデータ：人間に読める文字だけで構成されたデータ。 ※バイナリデータ：人間用ではない(画面に表示できない)文字などを含んだデータ。
![HTMLファイルの中に画像を埋め込んで表示させる方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/1140ee420f34f27993cd3cc3af25181f6d90f1f8/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F7%2F7%2F201803121140%2Ftopimg_original.png)
Less Framework
An adaptive CSS grid system. What It Is Less Framework is a CSS grid system for designing adaptive websites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid. Default Layout 10 columns at 992 px. For desktops, laptops, tablets in landscape orientation, and all old browsers. Can be split according to the Golden Ratio at 6 columns, which is also the optimal width
Opera TV Store opens, brings HTML5 web apps to devices everywhere - Geek.com
At IFA 2011, Opera turned some heads by showing off something unexpected — the Opera TV Store. Now, at CES, the company has announced that the Store is officially open for business. The goal of the Store is to offer consumers a way to enjoy web content and apps in an intuitive, big screen-friendly way. Opera’s trademark Speed Dial page is front and center, and the interface has been optimized for
HTML5の新機能が一目でわかる！各ブラウザによるデモサイト « wondering-mug
5 5月 2011 - by cat_anywhere HTML5はには、およそ10年前の規格であるHTML4.0（現在は4.01）では補えきれない、現在のWEB環境に対応するために新たに追加された新機能が目白押しだ。 現在はまだドラフト(草案)の段階だが、W3Cから正式に勧告されるのは、2012年3月くらいだと言われている。 注目される新機能としては、JavaScriptを使いブラウザ上で描写できる<canvas>タグや、ローカルにキャッシュとしてデータを置き、オフラインでもアプリケーションが実行可能になるAPI、Web storageなどがあるが、「いったいどれくらいスゴイのそれ？」とか、「今までとどう違うのよ？」と思ってる人も多いと思う。 そういった疑問に答えるべく、各ブラウザが、HTML5のデモサイトを次々に公開し、「俺んとこのブラウザは、こんなことが出来るぜ！」と猛アピールしてい
XHTMLベースの既存のWordPressのテーマファイルをHTML5にするチュートリアル
XHTMLで作成された既存のWordPressのテーマファイルをHTML5にするチュートリアルを紹介します。 Converting XHTML WordPress Theme To HTML5 [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに header.phpをHTML5に変更 index.phpをHTML5に変更 single.phpをHTML5に変更 footer.phpをHTML5に変更 補足：IE6/7/8への対応 はじめに はじめに、なぜHTML5を使うのかを理解する必要があります。私が考えるHTML5を使う大きな理由は、HTML5がセマンティックなマークアップだからです。 HTML5ではheader, footer, nav, section, articleなどを正確に使用する必要があります。 ここでは、XHTMLベースの既存のWordPressのテーマ
おHTML5｜2012年 ブラウザで祝うお正月
ブラウザから新年のご挨拶！お正月気分を味わえる、ちょっと贅沢なコンテンツ集。ブラウザ凧揚げ ブラウザをドラッグして 上手に凧を上げてみよう。 リズム餅つき アドレス欄を流れる □と■が合わさったら タイミングを合わせて クリックしよう！ ローディング初日の出 いつもの見慣れた ローディングが、 初日の出になりました。 ラジオだるま だるまの目が ラジオボタンに。 目に墨を入れて、 願掛けしよう。 スクロールやぶさめ スクロールで弓を引き、 一等真ん中を 射ぬいてみよう。 世界のあけおめ 世界のみんなに 新年のご挨拶を。 書き初めの窓 新年の抱負を、 ブラウザにしたためよう。 反転おみくじ 画面をドラッグ・ 反転させて、 今年の運勢を占おう。 初夢スロット 一富士二鷹三茄子。 初夢スロットで、 年の初めの運試し。 ポップアップ駅伝 マウスをクリックして カチカチ走ろう。 チェックボックスに龍
Writing forward-compatible websites – Mozilla Hacks - the Web developer blog
As web developers we want to ensure what we build is accessible by as many people as possible, with as many web browsers, operating systems and devices as we can support. It is also hard to know what the future holds, and for that we have put together Writing forward-compatible websites Topics covered We see this as a living document, and so far we have information on topics like JavaScript, Featu
The output element | HTML5 Doctor
Across the web, you’ll see a range of sites that feature calculators for working out things like loan repayments, mortgage rates, tax, insurance, and more. Until now, we’ve had no way of semantically marking up the result of those calculations. Enter: the <output> element! In this article, we’ll show you <output> and some related JavaScript tricks. Let’s get cracking. The Definition # The <output>
HTML5&API総まくり
第16回Alfresco勉強会（2013.06.06）の発表資料です。 Alfrescoでibatisを使ってカスタムテーブルにデータをINSERTしたりSELECTしたりする方法について紹介しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Using HTML5 and Javascript to Deliver Text-Based Audio Descriptions
http://html5please.us/
http://japan.internet.com/webtech/20120116/4.html
HTML5: The platform-agnostic key to the future of publishing - O'Reilly Radar
TechCrunch | Startup and Technology News
