Webのモバイル対応には、Webが社会に定着する上での真の問題や課題が隠されている。HTML5 Conference 2013基調講演 HTML5のコミュニティ「html5j」主催のイベント「HTML Conference 2013」。村井純教授の招待講演に続いて登壇したのは、Googleの及川卓也氏。 及川氏は「深まり、広がるWeb技術」と題し、技術動向としてWeb Componentsなどに触れた上で、Webがモバイル対応することの背景にはWebが社会に定着する上での真の問題や課題が隠れており、Webの真価が問われていると結びました。その内容をまとめました。 深まり、広がるWeb技術 Googleの及川卓也と申します。 技術面で、昨年や今年どういうことが起きたかということと、今後についてお話させていただこうと思います。 HTML5はもういろんなところで使われるようになって、バズワード的
最近止まってる写真見るの物足りなくなってきたので、動画も撮ってる。 撮った動画は gif アニメにしていて、 gif アニメ、あらゆるデバイスで見れるのと、再生ボタンとかなくて強制的にループ再生できるっていうので最強の動画フォーマットだと思ってたけど、そういえば HTML5 に video タグっていうのがあったなって思い出して、調べたらループも自動再生もできるから gif の代わりに使えそうだと思った。 こういうタグで動画読み込める。 <video src="~~~" width=900 height=auto loop autoplay /> するとこういう感じで高画質 gif アニメみたいなの出せる。 見れないブラウザもあるかもしれない。 chrome では見れた。
公募概要 次世代Webブラウザを利用した縦書きテキストレイアウトに関する表現の標準化のため、課題抽出のための調査支援者(以下、調査支援者)を公募いたします。 現在フォーラム標準団体の一つであるW3C(World Wide Web Consortium)において、次世代Webブラウザ技術であるHTML5(Hyper Text Markup Language)の標準化に向けた作業が進められており、日本の雑誌や書籍等で表現される縦書きテキストレイアウトの表示機能についてもWebブラウザの基本機能となるよう議論が進められております。 縦書きテキストレイアウトの表示機能がWebブラウザに実装され、端末に依ることなく縦書き表現が利用できるようにすることは、日本の文化である縦書き表現を継承する観点や、世界に向けた日本語コンテンツの発信を維持・強化する観点から、非常に重要となります。本公募は、次世代Web
When we started working on Basecamp Next last year, we had much internal debate about whether we should evolve the existing code base or rewrite it. I’ll dive more into that debate further in a later post, but one of the key arguments for a rewrite was that we wanted a dramatic leap forward in speed — one that wouldn’t be possible through mere evolution. Speed is one of those core competitive adva
4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><body><div> <div> <div> <div>HTML4では、こんなマークアップが普通でした。 </div> <div> <div> </div> </div> </div> <div> <div> <div> <div>「分け入っても分け入ってもdiv」 </div> <div> </div> </div> </div> </div> <div> </div> </div></div></body></html> 6. エンジニアがマークアップに意味を「吹きこむ」Chrome+HTML5 Conference 開催のご案内最近、スマートフォンサイトを中心に活用事例が目立つようになり
pjaxの前にpushStateとは AjaxとjQueryの説明は不要として、pushStateとはなんぞや。 pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る/進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。 有名なところではGitHubで使われてるアレ。 hash fragment (/#!/) ブラウザの履歴を機能させるため、URL の fragment (#) を使ってAjaxなページを実現する方法。一時期もてはやされた感があるが、さらなる「#!」URL批判 - karasuyamatenguの日記 など合理的な反論があり、これから導入するのはためらわれるところ。 有名なところではTwitterで使われているあの厄介者。 pjaxとは pjax
script/plugin install http://bjax.rubyforge.org/svn/trunk/bjax/
Andreas Gal Entrepreneur. Technologist. Former CTO Mozilla, CEO Silk Labs. Now Update: I updated the links again. pdf.js has moved to a new location on github. Why? While traveling to the Firefox 4 launch parties in Seoul and Taipei all the way from California, we killed a lot of time by brainstorming cool things to do with the web platform. Like many before us, we were wondering why nobody had
CSSプログラミングでJavaScriptを使わずに8パズルを作りました。 以下のブラウザでアニメーション込みで動作します。 ・Firefox 4 ・GoogleChrome 13 (2011/6/8時点でのdevチャンネル) ・Opera 11 以下のブラウザでアニメーション無しで動作します。 ・Firefox 3 以下のブラウザでは動作しません。 ・IE ・Safari ・GoogleChrome 12 (2011/6/8時点でのStableチャンネル) <div id="panel"> <input type="checkbox" id="show_number" /> <input type="radio" class="r1-1" id="r1-1_1-1" name="1-1" value="1-1" /> <input type="radio" class="r1-1" id
html5uploaderはHTML5を使ってドラッグアンドドロップによるファイルアップロードを実現するライブラリ。 html5uploaderはHTML5製のオープンソース・ソフトウェア。HTMLで最も嫌だったのがファイルアップロードの手間が大きいことだった。一つのファイルボックスで一つのファイルしかアップロードできないというのはとても面倒だった。Flashで作られた擬似的アップロードツールでファイルが複数選択できるようになったのが救いでもあった。 デモ。この枠にドロップする。 それがHTML5によって複数ファイルのアップロードに対応するようになり、便利になった。だがファイル選択のダイアログが面倒なのは変わらない。それを改善してくれるライブラリがhtml5uploaderだ。 html5uploaderはボックスを表示してその中にファイルをドラッグアンドドロップするだけでアップロードを行
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R&D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌(@kzms2)と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた
IE6〜IE8のinnerHTMLには問題が多く、そのひとつに、HTML5の新要素を食わせると悪夢のようなDOMツリーを生成するというものがあります。 var div = document.createElement("div"); div.innerHTML = "<section>section</section>"; document.body.appendChild(div); 上記のコードを実行すると、body以下にはこのような構造ができてしまいます。 <body> <div> section </SECTION> </div> </body> どうやら、innerHTML に与える文字列を div でラップし、div要素の前に何か一つ以上のダミーの文字列を設定しておき、あとでアンラップすれば上手くいくようです。 http://jsdo.it/uupaa/IEInnerHTMLB
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回:HTML5が注目を浴びる理由とは? 第2回:HTML4から変化したHTML5のマークアップ 第3回:HTML5で再定義された要素と属性 第4回:HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト(パスワード)入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい
This is part 1 of an article series on emulation development in JavaScript; ten parts are currently available, and others are expected to follow. Part 1: The CPU Part 2: Memory Part 3: GPU Timings Part 4: Graphics Part 5: Integration Part 6: Input Part 7: Sprites Part 8: Interrupts Part 9: Memory Banking Part 10: Timers The emulator described in this series is available in source form: https://git
一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この日本語訳は、私が理解を深めるために、自分なりに日本語化したものです。本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトのお問い合わせより連絡いただければ幸いです。 原文URL:http://www.w3.org/TR/2011/WD-html5-diff-20110525// 原文タイトル:HTML 5 differences from HTML 4 - W3C Working Draft 25 May 2011 翻訳日:2011/05/26 最終更新日:2011/05/26
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く