HTML5 の Drag and Drop API を使うことで、ブラウザにドロップされたファイルの情報を扱うことが出来ます。そして File API を組み合わせることで、ファイルの中身まで扱うことが出来るようになります。そして FormData オブジェクトと XHR を組み合わせること... 続きを読む
Diving In The Doctype The Root Element The <head> Element Character Encoding Friends & (Link) Relations rel = stylesheet rel = alternate Other Link Relations in HTML5 New Semantic Elements in HTML5 A long digression into how browsers handle u... 続きを読む
次世代ブラウザーの魅力に迫る 2011年2月7日 12:00 MANGAマンガでわかるHTML5 <全4回> これまでのHTMLから大きな進化を遂げた「 HTML5」。私たちに新しいウェブ体験を提供してくれる「HTML5」とは、いったいどんな技術なのかをマンガでわかりやすく説明します... 続きを読む
NEWS(10/11/10 15:41) HTML5ベースのリモートデスクトップソフト「ThinVNC」v1.0が公開、正式版に HTML5対応のWebブラウザーさえあればOSやデバイスを問わず利用できるのがうれしい Tweet Check 「ThinVNC Server」v1.0.0.1 米Cybele Software, Inc.は8日(... 続きを読む
home HTML関連英文書の日本語訳 W3C - 『HTML 5 differences from HTML 4』日本語訳 W3C - HTML 5 differences from HTML 4 日本語訳 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日本語訳は、... 続きを読む
FlashとHTML5のそれぞれで動画を作りました。ネット上で何かと比較されがちな、FlashとHTML5。 どちらに、どんな利点があるのか。それぞれを使い動画にしてみました。 最近、日本のインターネット業界の一部で英語が流行っているため、 海外の方にも見ていただ... 続きを読む
by Mark Pilgrimwith illustrations from the Public Domain❧ive Into HTML5 seeks to elaborate on a hand-picked Selection of features from the HTML5 specification and other fine Standards. The final manuscript has been published on paper by O’R... 続きを読む
3年の月日を経て、フロントエンドエンジニア職に舞い戻り、早くも4ヶ月の時が経とうとしております。3年間ほぼ放置状態にしてしまっていたこのサイトも、自分の担当職務を制作サイドへと転換しことを機に、約1ヶ月前から再び自分の学習机としてここを活用するこ... 続きを読む
jsdo.it - share JavaScript, HTML5 and CSS - jsdo.it is a service to write JavaScript, HTML5, CSS in your browser and share it. You can copy and modify others' code. And also Ask questions about JavaScript, HTML5, CSS 続きを読む
こんばんは。LatLongLabの河合(@inuro)です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを... 続きを読む
デベロッパーのあいだでHTML5の重要性が高まってくるにつれ、各ブラウザベンダは自社のブラウザがHTML5にいかに対応しているか、あるいは今後すばらしい実装計画があるか、といったことをアピールし始めました。 Webの新しい標準となることが決定的とされている... 続きを読む
Web標準Blogでは、Web標準の利用に興味のあるWebサイト管理者、Webデザイナーの方向けに、Web標準を利用するための手法やノウハウ、参考になるリソース等を、国内外を問わずご紹介します。 なお当Blogでは、Web標準に関する疑問や質問を募集しています。Webコン... 続きを読む
HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウ... 続きを読む
Web標準Blogでは、Web標準の利用に興味のあるWebサイト管理者、Webデザイナーの方向けに、Web標準を利用するための手法やノウハウ、参考になるリソース等を、国内外を問わずご紹介します。 なお当Blogでは、Web標準に関する疑問や質問を募集しています。Webコン... 続きを読む
まだですが、もうでますよ。 HTML5 HTML Microdata HTML+RDFa HTML Canvas 2D Context HTML5 differences from HTML4 もうひとつ HTML: The Markup Language (略すと「H:TML」)なんてのが出ますが、まだ上がってないですね。日付変わっちゃうかしら。 さて、M... 続きを読む
Current features (in this demo) HTML5 video goodness: no browser plugin, no Flash dependencies jump anywhere in the video and it'll start buffering from that point Custom styled controls Full-window mode: Sleek zoom-in/out transitions Live-re... 続きを読む
HTML5は執筆時点でまだ勧告されていないので、まだまだ変わる可能性はあるんだけど書いておく。昨日(いつ)「ブログも更新しないし」とか言われたので。なお、本エントリで参照しているものはHTML5 A vocabulary and associated APIs for HTML and XHTML W3C Wor... 続きを読む
TakazudoのブログですHTML5+CSS3が、今現在主流な会社のwebサイトを作る上でどう生かせるかーという話は、そーいう状況をベースとして考えるってこと自体が、HTML5+CSS3ができることの中での、非常に狭い領域の話しだと思う。 そもそもブラウザベンダーってのは... 続きを読む
だいぶ前ですが、Microdataについて書いた事がありました。 HTML5のmicrodata microdata雑感 Microdataをひとことで言うと「セマンティックなやつ」になります。取りあげてから仕様がかなり変更されてるので、参考にならなかったりしますが… さて、セマンティ... 続きを読む
HTML5今年も明けましておめでとうございます。白石です。正月明けからイッパイイッパイです。 で、いきなり本題。HTML5用のリセットCSS(どのブラウザでもデフォルトの見た目が同じになるよう、強制的に表示を調整するCSS)と言えば、昔HTML5Doctorで紹介された... 続きを読む
制作者(webmaster) 野嵜健秀(Takehide Nozaki) 初出 「闇黒日記」平成二十一年八月/九月 公開 2009-12-05 PC Tips PC Columns 平成二十一年八月二十七日 新しいHTML5の草案が公開 | Web標準Blog | ミツエーリンクス HTML 5は、恐ろしく「實用的」なので、理念的... 続きを読む
サイト内検索 HTML5 をはじめよう HTML5 の雛形 HTML5 のリセット・スタイルシート HTML5 を IE や Firefox 2 でも使えるようにする方法 html5 を使ったブログのデザイン 廃止された要素とバリデーション HTML5 のセマンティクス header 要素 footer 要素 aside... 続きを読む
2009年12月2日 水曜日 2009年12月2日の段階の HTML5 の草案では、ruby 要素を使うとき、 <ruby>漢<rp>(</rp><rt>かん</rt><rp>)</rp>字<rp>(</rp><rt>じ</rt><rp>)</rp></ruby> のように使うことになっています。 XHTML1.1 の Ruby Annotation は、 <ruby><rb>... 続きを読む
HTML5の空要素タグについては、/ が入っても入っていなくてもどちらでもよいものと認識していた(参照: WHATWG FAQ - 日本語訳 - HTML5.JP)。しかし具体的に仕様を確認したことがまだなかったので、仕様書の9.1.2.1 Start tagsの項を読んでみた。(以下、自分なり... 続きを読む
2009年11月16日 月曜日 以前、Firefox 3.6 で実装が予定されている CSS についての記事を投稿したとき、ブックマークのコメントにて vantguarde さんから CSSじゃないけれど、html5.enableをtrueにすればtext/htmlでSVGもつかえるよ! とコメントをいただきまし... 続きを読む
footerがsectioning contentを内容に持つ事ができるようになったり、“HTML 5”が”HTML5”になって無駄に騒ぐひとがいたりするこの頃ですが、みなさんお元気でしょうか。 で、先ほど素敵な記事がhtml5doctorから公開されました。“The section element”という... 続きを読む
本日、html5doctor の記事「The Address Element」の日本語訳を公開しました。私の翻訳がうまくないためかもしれませんが、個人的には、この記事には誤解を招いてしまうのではないかと感じるところがありましたので、個人的な見解ですが、私なりの補足を。 該当... 続きを読む
本特集は、HTML 5の仕様や実装状況に関する現時点での最新レポートとして、実際に動作するサンプルを添えた詳細な解説をお届けするものである。特集の後半となる今回は、Webアプリケーションを作成するにあたって有用な、JavaScript APIを中心として取り上げる... 続きを読む
Loading... Flash Player 9 (or above) is needed to view presentations. We have detected that you do not have it on your computer. To install it, go here. 続きを読む
HTML5 ã®ãç´¹ä»ï¼ç¡æã®ã¤ãã³ãã®ãç¥ãã Thursday, 12. November 2009, 07:28:36 ã¤ãã³ã, HTML5 Good news! æ¥æ¬ã®ã¦ã§ãéçºè ã³ãã¥ããã£ã¼ã®ããã«ç¡æãªã¤ãã³ããéå¬ãããã¾ãï¼HTML5 ã... 続きを読む
はじめに ほぼすべてのWebアプリケーションにとって、フォームはなくてはならないものになりましたが、HTMLフォームの主要な要素は13年近くも前のものです。HTML 5の最初の大きな目的の1つが、現状の潮流に合わせてこれらの要素を変更することであったのも不思... 続きを読む
ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。 やはり、英語での情報が多くなってしまうので、英語能力が残念な私なん... 続きを読む
2009年11月 5日 タグ : オープンソース , システム開発 業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLとCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生... 続きを読む
Latest topics > 銀座アップルストアのCSS Niteに行ってきた Firefox 3 Hacks好評発売中。本書の1/3を占めてしまっている第3章でFUELやらPlacesデータベースのテーブル定義やらJavaScriptコードモジュールやらを解説しています。Software Design 2007年4月号第2... 続きを読む
さすがに、そろそろ勉強せねばと思い。 Doctype <!DOCTYPE html> モダンブラウザでは、を標準モードのトリガーとして解釈する。つまり、IE6であれ、HTML5のDOCTYPEは標準モードになる。 主な新しい要素 header nav article section aside footer ■header ペー... 続きを読む
Loading... Flash Player 9 (or above) is needed to view presentations. We have detected that you do not have it on your computer. To install it, go here. 続きを読む
最近のweb業界を一番にぎわせてるのは、mixiアプリなんかではなくHTML5だと思ったりしてます。こんばんはHTML5はvideoタグでflashいらずとか、canvasタグでアニメーションとかに目が行きがちですが、HTML5ではformに新要素が加わって地味に便利になってたりする... 続きを読む
サイト内検索 HTML5 をはじめよう HTML5 の雛形 HTML5 のリセット・スタイルシート HTML5 を IE や Firefox 2 でも使えるようにする方法 html5 を使ったブログのデザイン 廃止された要素とバリデーション HTML5 のセマンティクス header 要素 footer 要素 aside... 続きを読む
増井君と二人でPhotoShareというサービスを立ち上げてもう15ヶ月になるが、いろいろと学んだことがある。その中でもつくづく思うのは、サービスを作り上げる段階よりも、運営のことを考えた設計が大切なこと。つまり、メンテナンスしやすい、テストしやすい、... 続きを読む
Draft Recommendation — 20 February 2009 You can take part in this work. Join the working group's discussion list. Web designers! We have a FAQ, a forum, and a help mailing list for you! Multiple-page version: http://whatwg.org/html5 One-page... 続きを読む
2009年9月29日 HTML5の講演資料を公開しました 先にアナウンスした通り、9月25日に情報処理学会第73回デジタルドキュメント研究会でHTML5について招待講演を行った。当日の講演資料に若干手を入れたものをSlideshareで公開しているので、ご興味のある方はご覧頂... 続きを読む
Web標準とその周辺技術の学び方 第3回 HTMLとXHTML,HTML5 2009年10月5日 矢倉眞隆 1 2 HTML5という新しい仕様がでてきましたが,既存のHTMLやXHTMLとはどのような関係があるのでしょうか。簡単にHTMLとXHTMLの歴史を振りかえりながら,両者が抱えた問題や,HT... 続きを読む
ふと思い出したわけですよ。いや、p 要素の中に、ブロックレベルは配置出来ない問題なんですが。問題文 2 :しかし、私は上記に加えて、 ・水筒 ・タオル ・ちり紙 ・ビニールシート ・ビニール袋 ・雨具 も、必需品ではないかと思うのだ。上記をどうマーク付け... 続きを読む
html5id:amachangがHTML5の発表をするというのできてみた。以下メモ書き みんなHTML5やろうよ!アジェンダ 自己紹介HTML5 もう1つの木構造 仕様を読もうHTML5 新しいHTMLの仕様HTML5の概要 独自仕様の再定義 新しい要素、属性、意味の定義APIの定義 独自仕様の... 続きを読む
mozilla-central に HTML5 Parser が入った。このパーサは Validator.nu で使われており、HTML 5 のパーシングアルゴリズムを実装している。もともと Java で書かれているが、機械的に C++ のコードに変換することができ、Gecko では C++ のコードを利用してい... 続きを読む
HTML5では、新要素が追加されただけではなく、HTML4からある既存の要素についても、再定義しているのが特徴です。その中でも、img要素は、他の要素に比べても、すごい力の入れようで、定義されています。 特筆すべき点として、alt属性が挙げられます。 HTML4のi... 続きを読む
2009 年 7 月 27 日 Posted By 及川卓也 / シニアプロダクトマネージャー HTML5 をテーマとする Google の準公式コミュニティ HTML5-developers-jp が発足しましたので、皆さんにお知らせします。 先月開催した Google Developer Day 2009 Japan の基調講演でも... 続きを読む
HTML 5用のブラウザのスタイルをリセットするスタイルシートをHTML5 Doctorから紹介します。 HTML 5 Reset Stylesheet スタイルシートはEric Meyers CSS resetに基づき、HTML 5用にしたものとのことです。 /* html5doctor.com Reset Stylesheet v1.4 2009-07-27... 続きを読む
2009年7月20日 グーグルがHTML5の機能を駆使したGoogle Waveを発表したことなどをきっかけに、HTML5への関心がこのところ急速に高まっています。以前の記事「いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0」で紹介したように、HTML5やCSS3ではWeb... 続きを読む
「WebKitベースブラウザの独占が、果たして本当にいいことなのか、という議論はあるでしょう。」よくないにきまってるでしょ。 続きを読む
Page 1 of 1 FREEQuick Reference Guide http://www.veign.com Part Number: QRG0009 ©2009 Veign, All Rights Reserved HTML 5 V = Which version of HTML is this tag valid for Tags with a Grey background are no longer supported in HTML 5 Tag Info V ... 続きを読む
みんな「HTML5」とか言うくせに、それが指し示すこと/ものが全然違っていて、話がかみ合わないってことがあるような気がします。 とはいえ「オープンソース」みたく無駄に盛り上がるのもアレなので、ちょっと思いつく限り、どういうものが「HTML5」として表され... 続きを読む
Web関連技術の標準化団体World Wide Web Consortium(W3C)は米国時間2009年7月2日,マークアップ言語HTMLをXMLで再定義した言語「XHTML 2」について,策定担当ワーキング・グループ(WG)の憲章(行動指針)「XHTML 2 Working Group charter」の適用を2009年末... 続きを読む
HTML 5 を application/xhtml+xml で配信すれば Fx2, Fx3 でも問題なく解析される 2009年6月18日 木曜日 Web Designing 2009年 7月号の Standard Coding (147ページ) に、HTML 5 の文書を XML 構文で配信することで、HTML 5 の新要素が HTML 4.01 に最適な補完... 続きを読む
HTML5でid="header"は何を意味するのか html5, markup | 00:54 やる気というのかモチベーションがないので、なんもできてないこの頃。あー それはそうとですね、今さらなんですが、これ。 なお、idについてはこんなことも書かれています。 Identifiers are opaq... 続きを読む
ブラクラ注意。 http://www.whatwg.org/specs/web-apps/current-work/ クリーンインストール状態の Opera 9.64 なら、CPU がフル回転するもなんとか持ち堪える。Opera 10 はもうちょっとマシだけど、しばらくブラウザが止まる。常用の、100タブ開いたような Ope... 続きを読む
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大き... 続きを読む
続きを書くの、わすれてました。というわけで、今回はセクションの構成と、sectioning contentについて。 フラットでなんとか ここの構造って、たぶんこうなってると思います。 <h1>vantguarde</h1> <h2>09.04.18</h2> <h3>くたばるのは僕の方だよね</h3> <h4>... 続きを読む
引き続きざっくり訳を。 hn header footer address 例の訳は疲れたのでやめました。かわりにメモをちょっとずつ書く事にしました。MLの投稿とかを引っ張ってくる予定です。 これだけで終わるのはいけない雰囲気なので、もうちょっと。 今もまだ考えてるんですが... 続きを読む
Webブラウザがアプリケーションプラットフォームとして、キャンバスやオフラインといった機能強化を行いつつあるという話を前回「Firefox 3.5とプラットフォーム化するWebブラウザ」で書きました。 そのWebブラウザの進化を裏で支えているのは、標準としてのHTM... 続きを読む
HTML 5仕様書を拾い読みしていこうかと思い索引を見てみたら、全然作られてなくてがっかりしたのでありました。取り敢えず要素索引だけでもと思い、目次を元に自分で作成してみました。 index of HTML 5 elements ちなみに作成には以下のようなPerlスクリプトを... 続きを読む
とおもったら早速でました。 HTML 5 differences from HTML 4 (W3C Working Draft 12 February 2009) 今のところdiffsしか出てないですが、spec中にあるリンク切れが修正されたら出るようです。 変更点ですが、今回はpubnotesが出ないそうなので、diffsのChange... 続きを読む
この文書「HTML 5 における HTML 4 からの変更点」は、W3C の HTML ワーキンググループ による「HTML 5 differences from HTML 4 (Working Draft 22 January 2008)」の日本語訳です。 規範的な文書は原文のみとなっています。この日本語訳は参考情報であり、正... 続きを読む
HTML 5 Draft Recommendation — 30 September 2008 You can take part in this work. Join the working group's discussion list. Web designers! We have a FAQ, a forum, and a help mailing list for you! Multiple-page version: http://whatwg.org/html5 ... 続きを読む
私がHTMLを使用しているのは、互換性の問題がある為であり、また、2008年現在まともなハイパーテキストを出力してくれるソフトウェアがこの世に存在しない為である。つまりはただの妥協。本来私はXHTML派というか超右寄りのXHTML2.0派だ。これは一度書いておい... 続きを読む
要約:Webのアクセシビリティのビジョンをどう考えるか。私は利用者がより多様な形・環境でサイト中の情報にアクセスできるようになるというWebアクセシビリティの原義に沿ったビジョンを考えています。今月12日のヤスヒサさんのPodcastではWebアクセシビリティ... 続きを読む
2008/01/25 ウェブ関連技術の標準化団体「W3C」(World Wide Web Consortium)が「HTML5」の策定に向けて活動を本格化しました。1月22日には「HTML5」の最初の草案を公開。2010年9月に正式な勧告としてリリースする予定だと発表しました。 普段からウェブ関連技... 続きを読む
HML5の最初の草案が公開されたが、まともに印刷すると400ページ以上になる分量を読むのはなかなか大変。それなのに仕様は、First, it should be read cover-to-cover, multiple times. Then, it should be read backwards at least once. Then it should be rea... 続きを読む
Web2.0 Expoに行ってきました 2007年11月16日 金曜日 以前、OperaSoftwareにお邪魔させていただいたときにWeb2.0Expoのチケットをいただいたので行ってきました。 CSSの概念を始めて提唱した人にして、OperaのCTOでもあるHåkon Wium Lieホーコン・ウィウム・リ... 続きを読む
The Validator.nu HTML Parser is an implementation of the HTML5 parsing algorithm in Java. The parser is designed to work as a drop-in replacement for the XML parser in applications that already support XHTML 1.x content with an XML parser and... 続きを読む
Java による HTML5 パーシングアルゴリズムの実装 今や Java 5 による HTML5 パーシングアルゴリズムのオープンソース実装が存在します。The Validator.nu HTML Parser です。XHTML 1.x コンテンツを読み込むために SAX または DOM、XOM API を使っているアプリ... 続きを読む
一言メッセージ :關聯コンテンツ→http://members.jcom.home.ne.jp/ksmiracle/w3cfamily.html 「HTML 5」の解説やら何やらを眺めてゐると。「部品」を組合せて「ウェブページ」を作る事を「HTML 5」では積極的に奬めてゐる事が解る。けれども、これだと「テキ... 続きを読む
一言メッセージ :關聯コンテンツ→http://members.jcom.home.ne.jp/ksmiracle/w3cfamily.html http://www.whatwg.org/specs/web-apps/current-work/ http://dev.w3.org/cvsweb/~checkout~/html5/html4-differences/Overview.html http://mynotes.jp/blog/2007/... 続きを読む