入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル

高画質かつ高圧縮の「H.264」がビデオフォーマットの主役の座についていますが、次世代のウェブフォーマットであるHTML5においては、H.264とともに主役として期待されているのがGoogleの開発する「WebM」です。WebMのこれまでの流れと今後の動画標準規格を巡る争いについてまとめてみました。 Google builds WebM patent pool of its own to fight back against MPEG-LA | Ars Technica http://arstechnica.com/business/2011/04/google-builds-webm-patent-pool-of-its-own-to-fight-back-against-mpeg-la/ Google and MPEG LA Announce Agreement Covering VP

『スーパーマリオブラザーズ』をHTML5で完全再現したサイトがスゴイ！！自分だけのマップも作れる！ Tweet 1：九条 ◆Mana2U.9Pg (東日本)：2013/10/16(水) 16:03:09.76 ID:hSK+gNAn0 『スーパーマリオブラザーズ』をHTML5でリメイクしたサイト「Full Screen Mario」が話題に。 Beta版が公開されており、無料で遊べます。またエディタ機能を使って自身だけのマップも作ることが可能です。なおソースはオープンソースとして無料公開されています サイト「Full Screen Mario」 http://www.fullscreenmario.com/ http://amass.jp/29748 27： キングコングラリアット(北海道)：2013/10/16(水) 17:11:38.47 ID:2PJUcbCz0 あいつらマリオ好き過

基本的にグラデーションや角丸はジェネレータからコピペして設定できるので、作業自体は簡単です。HTML5＋CSS3サンプルを使って表現してみましょう。 （1）装飾のキモは「グラデーション・線・角丸・影・テクスチャー」 前回HTML5＋CSS3の「レイアウトを自在に使いこなす」では、限られたいくつかのCSSプロパティを組み合わせて、さまざまなレイアウトができることをお見せしましたが、今回はそれに装飾を加えていきます。 いざ装飾しようとすると、どこから手を付ければ良いのか迷ってしまうかもしれませんが、アイコンなどの絵を除けば、装飾の要素は「グラデーション」「線」「角丸」「影」「テクスチャー」くらいなものです。それらを整理して組み合わせることで、全体として一体感のあるデザインに仕上げられます。 「それが難しいんだよ！」というお叱りの声が聞こえてきそうですが（笑）、以下の2つを見比べてみましょう。上

By @Doug88888 ブラウザからサイトにアクセスすればすぐに遊べる、HTML5で構築されたバブルゲームをフランツ・アイゼンホーフェルさんが公開しています。ゲームのルールは、自分のバブルを操作し、自分よりも小さな泡を吸収して大きくなっていくというシンプルなものですが、単純であるがゆえになかなか中毒性が高いゲームに仕上がっています。 bubbles games by franz enzenhofer http://www.fullstackoptimization.com/bubbles/ バブルゲームのプレイ動画は以下のムービーから確認できます。 HTML5で作成したバブルゲームをプレイしてみた - YouTube ゲームのサイトにアクセスすれば、すぐにゲームがスタートします。操作方法はキーボードの「↑」「→」「↓」「←」で赤いバブルを動かすだけ。 ルールはシンプルでプレイヤーは赤い

インテル、無償のHTML5アプリ開発環境「Intel XDK」を公開。iOS/Android/Kindleなどクロスプラットフォーム対応 インテルは、先週4月10日から11日かけて中国北京で開催された「Intel Developers Forum Beijing 2013」（IDF Beijing 2013）において、クロスプラットフォームに対応したHTML5アプリケーションの開発ツール「Intel XDK」を発表しました。 Intel XDKはブラウザ上で動作するHTML5アプリケーション開発ツール（ChromeブラウザとJavaのインストールが必要）。HTML/CSS/JavaScriptで開発したアプリケーションを、PhoneGap機能でビルドし、iOS/Android/Kindle/Facebookなどのアプリケーションが開発できます。開発したアプリケーションは、各アプリストアで販

すごいスムーズ！ もはや完成形といってもいいのではないでしょうか？ このパックマン、実はHTML5で書かれているんです。HTML5といえばほぼ確実に次世代Webの標準言語になり、今までプラグインで実現していたことが、html5＋css＋JavaScriptだけで実現でき、結果としてよりブラウザは早くシンプルになるなどと言われていますが、果たしてその実力のほどはいかほどのものなのでしょうか...その実力はネタ元サイトで実際にパックマンで遊んでみて、ご確認ください。 [Pac-Man via HackerNews via webmonkey] Mark Wilson（いちる）