タグ

HTML5に関するlovelyのブックマーク (70)

  • W3C、「HTML5.1」を今年9月に勧告とする計画。仕様はGitHubで公開

    W3CでHTML5仕様の策定を行っているWeb Platform Working Groupは、W3Cのブログにて「WORKING ON HTML5.1」という記事を公開し、2016年9月にHTML5.1仕様を勧告にする計画を明らかにしました。 6月中旬までにHTML5.1の勧告候補を公開し、9月に勧告にするとのこと。 The plan is to ship an HTML5.1 Recommendation in September 2016. This means we will need to have a Candidate Recommendation by the middle of June, following a Call For Consensus based on the most recent Working Draft. 計画ではHTML5.1の勧告を2016年9

    W3C、「HTML5.1」を今年9月に勧告とする計画。仕様はGitHubで公開
    lovely
    lovely 2016/04/14
  • アドインなしで実現可能! ドラッグ&ドロップを使いこなそう

    HTML5のDrag and Drop APIは、Insider.NETの読者諸氏ならば習得が容易なはずだ。なぜなら、ドラッグ&ドロップの実装方法が.NET FrameworkのWindowsフォーム・アプリケーションのそれと類似しているからだ。 HTML 5のDrag and Drop APIの実装方法は「ドラッグ操作」と「ドロップ操作」に切り分けて考える必要があるが、この考え方はずばりWindowsフォーム・アプリケーションのそれと同様である。これは、Drag and Drop APIの設計にマイクロソフトが大きな影響を与えている点に由来している。 WHATWG(Web Hypertext Application Technology Working Group)がHTML5の仕様策定を進める際、「先進的な機能を実装しているブラウザの挙動を規格化する」という基理念があった。マイクロソ

    アドインなしで実現可能! ドラッグ&ドロップを使いこなそう
  • 2015年のWebアクセシビリティ | gihyo.jp

    あけましておめでとうございます。株式会社ミツエーリンクスの黒澤剛志です。稿では、昨年に引き続いて、2015年のWebアクセシビリティの短期的な予測を寄稿させていただきます。 HTML5がW3C勧告に 2014年10月、HTML5仕様がW3C勧告として公開されました。 W3C勧告として公開されることは、その仕様はブラウザーなどに既に実装されていることを意味しています。Webアクセシビリティの観点からは、HTMLのセマンティクスがユーザーに伝わるかどうか、という点も重要です。この点に関しては、2014年を通して多くのブラウザーが改善に取り組みました。特に、これまで対応が弱かったGoogle Chromeでの取り組みが目立ちました。HTML5 Accessibilityのスコアを見ると、Goolge ChromeWindows版)は、2014年3月には47でしたが、2014年11月には83.

    2015年のWebアクセシビリティ | gihyo.jp
  • Apple Shows Love for HTML5 with iOS 8

    Ext JS 7.9 & Rapid Ext JS 1.1 are out now! Check what’s new Read More We were as excited as everyone else with last week’s Apple iOS 8 release announcement. We have only had the iOS 8 GA bytes for a few days, but we wanted to do as quick and complete a write-up as we could to give the global web developer community an in-depth look at Apple’s latest release. There’s no doubt we’ll see a few items

    Apple Shows Love for HTML5 with iOS 8
  • HTML5とWAI-ARIAでマルチデバイスに対応したアクセシブルなサイトを作ろう「HTML5 Conference 2013」

    HTML5とWAI-ARIAでマルチデバイスに対応したアクセシブルなサイトを作ろう「HTML5 Conference 2013」 馬場 美由紀(HTML5 Experts.jp編集部) いまやマルチデバイスの時代。PCやタブレット端末、スマートフォン、将来的にはメガネ型デバイスも登場しつつある。「今はこのような時代。Webは特定のデバイスや環境のものではない」 こう語るのはミツエーリンクスの黒澤剛志氏だ。黒澤氏は同社のアクセシビリティエンジニア。顧客のWebサイト診断やコンサルティング、社内制作物のチェック業務のほか、同社が運営しているアクセシビリティBlogの執筆などを手がけている。またW3C UAWG(User Agent Accessibility Guidelines Working Group)のメンバーも務める。 マルチデバイス時代のWebアクセシビリティとは 先述したようにマ

    HTML5とWAI-ARIAでマルチデバイスに対応したアクセシブルなサイトを作ろう「HTML5 Conference 2013」
  • 「第31回 HTML5とか勉強会 ~JavaScriptによるMVCフレームワーク」活動報告 | gihyo.jp

    7月11日、第31回目の「HTML5とか勉強会」はmixiさんのオフィスをお借りして開催しました。 今回のテーマは前々回、前回に続くフレームワーク特集として、JavaScriptによるMVCフレームワークをテーマにセッションが行われました。 稿では、今回のイベントについてレポートします。 Backbone.js はじめに、NHN Japanの清水大輔さんより、Backbone.jsの特徴や使い方について、講演いただきました。 講演ではMVCの基礎と使うにあたっての考え方、Backbone.jsの詳細な使い方などを紹介しました。 最近ではHTML5やブラウザの高速化に伴い、Webアプリ上でもネイティブアプリに近いUXの実現が可能になってきています。特にJavaScriptで複数のViewを切り替えるようなアプリでは、コードが複雑になりがちです。その際、Backbone.jsなどのMVCフレ

    「第31回 HTML5とか勉強会 ~JavaScriptによるMVCフレームワーク」活動報告 | gihyo.jp
  • HTML5開発者必見、最速のJavaScriptライブラリはどれだ!? パフォーマンスの徹底検証 | ICS MEDIA

    HTML5で2次元のインタラクティブコンテンツを制作するには、さまざまなJavaScriptライブラリがあります。どれを選択するべきか迷いどころではないでしょうか? そこで今回はHTML5の各種JavaScriptライブラリについて、パフォーマンスを比較検証してみました。 今回検証したフレームワーク メジャーなJavaScirptライブラリとして次の5種類でテストしました。バージョンは2013年4月10日現在の最新版を使っています。詳しい検証方法は記事の後半にまとめています。 CreateJS (EaselJS 0.6.0) Arctic.js (v0.1.11) enchant.js (v0.6.3-48) Pixi.js (v1.0.0) Processing.js (v1.4.1) 各種JavaScirptライブラリのベンチマーク結果 ※グラフの数値が高いほどパフォーマンスが高いこと

    HTML5開発者必見、最速のJavaScriptライブラリはどれだ!? パフォーマンスの徹底検証 | ICS MEDIA
  • HTML5 Web アプリの基礎 - アプリセンター | MDN

    Open Web App は基的には HTML5 アプリです。HTMLCSSJavaScript、それぞれの役割はよく知られているかもしれませんが、HTML5 アプリでそれぞれが各自の重要な役割をどう演じるか、要点を簡単にまとめてみましょう。 コンテンツと構造のための HTML5 HTML は Web アプリケーションのコンテンツ構造を作成するために使われます。HTML5 の新機能 には、新しい <input> タイプ、フォーム検証機能、<audio> や <video> といったメディアタグ、より意味的な HTML 要素 などが含まれます。

    HTML5 Web アプリの基礎 - アプリセンター | MDN
  • HTML5 Frameworkについてのメモ (主に商用系フレームワークについて) - いろいろ備忘録日記

    最近、各サードパーティからもHTML5 Frameworkがぞくぞくとリリースされてきているので ついでに忘れないようメモメモ。今後、製品評価することがありそうな予感がすごくするので。 DXTREME http://www.devexpress.com/Subscriptions/DXTREME/ DevExpress社がリリース予定のフレームワーク。 Windows8, Web Application, Tablet, SmartPhoneに対応。 デモ: http://www.devexpress.com/Support/Demos-travel.xml Kendo UI http://www.kendoui.com/ Telerik社がリリースしているフレームワーク。現状、商用HTML5 Frameworkの中では最も有名かも。使いやすいと評判。 デモ: http://demos.k

    HTML5 Frameworkについてのメモ (主に商用系フレームワークについて) - いろいろ備忘録日記
    lovely
    lovely 2013/06/10
  • HTML5 Tracker — 7770. Update to e-mail syntax checking for better compliance with the relevant RFCs.

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    HTML5 Tracker — 7770. Update to e-mail syntax checking for better compliance with the relevant RFCs.
  • HTML5 Definition Complete, W3C Moves to Interoperability Testing and Performance

    HTML5 Definition Complete, W3C Moves to Interoperability Testing and Performance First Draft of HTML 5.1 Offers Glimpse at Next Round of Standardization Read below what W3C Members have to say about HTML5 17 December 2012 — The World Wide Web Consortium (W3C) published today the complete definition of the HTML5 and Canvas 2D specifications. Though not yet W3C standards, these specifications are no

    HTML5 Definition Complete, W3C Moves to Interoperability Testing and Performance
  • HTML5マークアップ珍プレー集 - HTML5 Conference 2012

    近年、個人や企業を問わず、HTML5でマークアップされたサイトが数多く登場しています。しかし、HTML5が浸透してから年月が浅いこともあり、有名な大企業のサイトですら、不適切なマークアップが見受けられます。セッションでは、そのような不適切なマークアップを紹介し、どう直すべきかをみなさんと一緒に考察していきます。

    HTML5マークアップ珍プレー集 - HTML5 Conference 2012
  • W3CDTFとHTML5の日付と時刻の違い - Weblog - Hail2u.net

    てっきりHTML5のtime要素のdatetime属性などで使われる日付と時刻のフォーマットはW3CDTFだと思い込んでいたんだけど、違った。ISO 8601というわけでも、W3CDTFのようにそのサブセットというわけでもないので、パースする時はそこそこ気をつける必要がありそう。知らなければ幸せだったような気がしないでもない。 日付けと時刻の間のT A "T" (U+0054) character or a U+0020 SPACE character Tの代わりに半角スペースでも良い。ISO 8601では許可されないので、ISO 8601のパーサーではエラーが起こる可能性が高い。 タイムゾーンの: Optionally, a ":" (U+003A) character コロンは省略可能になっている。これはISO 8601と同じ。Nu Validatorとかは非対応なのでエラーになる。

    W3CDTFとHTML5の日付と時刻の違い - Weblog - Hail2u.net
    lovely
    lovely 2012/06/12
  • webdesignmatome.com - このウェブサイトは販売用です! - webdesignmatome リソースおよび情報

    This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

    webdesignmatome.com - このウェブサイトは販売用です! - webdesignmatome リソースおよび情報
  • html5-css3.jp

    インターネットの歴史技術革新 インターネットは、もともと情報を遠くへ届けるための技術として始まりました。複数の拠点をつなぐことで、情報のやり取りを止めない仕組みが模索されていた時代。そこに「ネットワーク」という発想が芽生え、やがてコンピュータ同士をつなげる技術へと進化していきます。 当初はごく限られた研究機関や技術者たちの間でのみ使われていましたが、徐々にその用途は広がっていきました。専門的だった技術が、少しずつ一般の人々にも届くようになり、やがて「インターネット」という言葉が社会に浸透していきます。 とくに大きな変化が訪れたのは、「情報を探せる」「誰でも発信できる」仕組みが登場した頃でした。ブラウザの存在、検索の利便性、画面の向こうに人がいる感覚。これらが私たちの日常にゆっくりと入り込み、知らないうちに当たり前のものとなっていったのです。 その後も、画像、動画、音声といったさまざまな形

  • HTML5の要素を条件付きコメントなしでIEで使う - 徒書

    今更ながら、ここもHTML5にしてみようかなという気持ちが湧いてきています。以前は、一旦公開した文書の形式を無闇に変えるのはよくないという思いが強かったのですが、個人のページなのだし色々と実験的なことをもっと試してもいいのでは、と思うようになったので。 さて、HTML5導入にあたり一番気にしていたのが、IEでHTML5の新しい要素を使う方法のことでした。今だと html5shiv を使って以下のようなコメントを入れるのが一般的になっているようです。 <!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> しかしながら、HTML文書というのは様々な環境で利用されるための文書形式だと自分は考えているので、その中に(コメントとは言え)特定のブラウザのた

  • 試してみよう!Dreamweaver - Adobe HTML5 特設サイト

    Dreamweaver CS6 と HTML5 で始めようスマートフォン&タブレット対応 Adobe® Dreamweaver® は、マルチデバイス時代に対応すべく HTML5 や jQuery Mobile といった最新の技術をサポートし、更に強力な Web 開発ツールとなりました。サイトでは Dreamweaver の便利な使い方をご紹介します。 文へ プロパティインスペクタを使って CSS を手軽に追加・編集しよう Dreamweaver のプロパティインスペクタを使って、閲覧中のページに CSS スタイルを手軽に追加したり編集する方法をご紹介します。 ライブコード機能を使って、閲覧中の HTML の構造を確認しよう Dreamweaver のライブコード機能を使って、閲覧中のページのコードを確認する方法をご紹介します。最近は、JavaScript の使用により、ソースコードとブ

  • HTML5 Coding assessment test - jsdo.it - Share JavaScript, HTML5 and CSS

    テストの目安時間は15分です。テスト開始とともに計測をスタートします。 ※時間をオーバーしてもペナルティはありません。 Open IDでログイン さぁ、jsdo.itにログインしてテストを始めよう! login with Google login with Facebook login with Twitter

    HTML5 Coding assessment test - jsdo.it - Share JavaScript, HTML5 and CSS
    lovely
    lovely 2011/09/13
    なぜログインしなきゃならないの?
  • HTML5 でやりがちな間違い

    HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes : HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日語にしたものではあり

    HTML5 でやりがちな間違い
    lovely
    lovely 2011/07/27
  • 日記 | ヨモツネット

    blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTMLSVG 混在でき

    lovely
    lovely 2011/07/11
    『section 要素の誤用により、ここでの h1 要素は広告の見出しとして機能し、ページ全体の見出しとしては機能しません。』