HTML Imports: ウェブのための #include - HTML5 Rocks
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
<input type="range">－HTML5タグリファレンス
<input>タグのtype属性でtype="range"を指定すると、レンジ入力欄が作成されます。 ここで言うレンジ入力欄とは、だいたいこれくらい…といった度合いを指定するための入力欄のことです。 例えば、音声のボリューム調節や画面の明るさ調節などをイメージすると理解しやすいかもしれません。 OperaやGoogle Chromeではマウスで操作できるレンジバーのインターフェースが採用されています。 レンジ入力では、正確な数値は重要ではなく、ユーザーはどの程度なのかを感覚的に指定することができます。 ユーザーに正確な数値を入力してもらいたい場合には、 type属性の値にtype="number"を指定してください。 name属性は入力欄に名前を付ける属性ですが、<form>でデータが送信される際、 name属性で指定した名前と、入力された値が一組になって送信されます。 type="ran
フォーム関連要素（2） HTML5でinput要素に追加された新しいタイプ13連発
スピンボタン操作の単位を決める「step」属性 日付関係の入力フィールド（後、後述する数値入力フィールドも）は、入力される値の「ステップ値」を指定可能です。例えば、以下のように指定します。 「step="60"」と指定されていることから、上のdatetimeフィールドは「60秒」、つまり1分単位でステップするようになります。実行結果は以下のようになり、スピンボタンでの操作が「分」単位になるだけではなく、「秒」の単位が入力値からなくなっているのが分かると思います。
旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita
はじめに ネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。 その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。 そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。 最初は、現在比較的メジャーなブラウザで一通り動作する「ECMAScript 5」までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで「ES6(ES2015)」による新機能や、絶賛提案中の「ES7」の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ
HTML5 & CSS3 リファレンス - writing-mode プロパティ（文字表記の方向）
元々，「縦書き」のサポートは，Microsoft が IE の独自拡張仕様として策定したものが存在しておりました。 また，上の writing-mode プロパティ の仕様は基本的に後になって Googole の Chrome で採用されたものに基づいています。 すでに，W3C の CSS Writing Modes Level 3 の勧告候補 がリリースされていますが，主要ブラウザーでの対応が進まないのは，Microsoft が独自仕様に固執していることも原因になっているのかもしれません <style type="text/css"> <!-- div.sample { margin: 20px; padding: 10px; border: solid 1px #808080; float: left; } .vert1 { writing-mode: vertical-rl; } .
“Yahoo!ゲーム”のHTML5ゲームプラットホーム“かんたんゲーム”にて『パックマン』や『源平討魔伝』などを題材にしたオリジナルゲームが配信開始 - ファミ通.com
“Yahoo!ゲーム”のHTML5ゲームプラットホーム“かんたんゲーム”にて『パックマン』や『源平討魔伝』などを題材にしたオリジナルゲームが配信開始 『パックマン』や『マッピー』などを題材にしたオリジナルゲームが配信 ヤフーが運営する“Yahoo!ゲーム”では、本日2015年12月15日より、HTML5ゲームプラットホーム“かんたんゲーム”にて、バンダイナムコエンターテインメント提供による新規タイトルの配信を開始した。 以下、リリースより。 ヤフー株式会社（以下、Yahoo! JAPAN）が運営する「Yahoo!ゲーム」では、本日より、HTML5（※1）ゲームプラットホーム「かんたんゲーム」にて、株式会社バンダイナムコエンターテインメント（以下、バンダイナムコエンターテインメント）提供による新規タイトルの配信を開始しました。 バンダイナムコエンターテインメントでは、現在『パックマン』『マッ
ニコニコ動画のプレミアム会員限定機能を利用可能にするUserScript、ドワンゴに警告され公開停止に | スラド IT
とあるユーザーが開発した、ニコニコ動画をHTML5で再生できる「kusa5」というUserScriptに対し、ドワンゴが公開中止を要請したと（ドワンゴによる通告書、redditのスレッド）。 このUserScriptはニコニコ動画のFlash動画プレイヤーを独自のHTML5プレイヤーに置き換えて再生できるばかりか、本来は有料のプレミアム会員でしか利用できないシーク機能、NGワードの個数制限の撤廃、正規表現の利用、同時再生制限の撤廃、プレミアム会員かつiOS版アプリでしか利用できない再生速度の変更機能を備えていた。 通告書は株式会社ドワンゴの代表取締役社長名義のもので、「これには当サービスのプレミアム会員にのみ提供している機能が含まれており、当サービスユーザーの利益を不当に損なわせるものであります。また、貴殿の公開しているスクリプトによって当サービスに無用な負荷も生じており、当社といたしまし
SPLANE
タイルを２つクリックして入れ替え。上下左右に同じ色があれば消える。色を消せない場合は入れ替えできない。 最後の一枚になれば、ダブルクリックで取り除ける。
scriptタグの位置でもやもや - Qiita
きっかけ HTML5 Professional Certification HTML5プロフェッショナル認定試験 | 多くの企業が推進する次世代Web言語の認定資格 | LPI-Japan こんなのあるのかー、アニメーションとかぐりぐりすごいなー とか思っておもむろにソースを開いてみんです。 そしたらscriptタグが全部headにあるのね。 いまどきはbody末尾に書くのがスタンダードなんでしょうけど、さすがに試験とかのサイトになるとセマンティック重視しないといけないから、なのかな。 いや、だからといって別に重かったりするわけじゃないしいいんだけど。 というか私だってできればhead内に書きたいですし。。。 deferが使えれば。。。 script要素にdefer属性をつけると、コンテンツの表示が終わったあとに、そのJavaScriptを実行するようになります（正確にはDOMConten
Firefoxでyoutubeの動画が360P固定☆ - _[onm 適当！日記♪
注：検索よりこの記事へやって来た方へ。 この記事の内容は随分古いです。youtubeの仕様はどんどん変わっているようなので あくまで参考までに。あとFirefoxのバージョンによっても差異があるかもしれません。 タイトル通りです 私は普段Firefoxを使ってますが 暫く前より、youtubeの動画が360P固定になってしまいました 同じような方がいらっしゃるかも知れないので、適当に解説 Youtubeの仕様が今年になってから変わり、 今までFlashによる動画再生だったものが、HTML5による再生へシフトされているようです Firefoxは当然HTML5、WebMに対応している！ハズなのですが 環境によっては上手く再生できない場合があるみたい・・・ そこで、私が試した対策 その１ 古いFirefoxを使う。 実際古いバージョンのFirefoxにダウングレードする必要はありません。 割と最
テキストファイルを読み込む－JavaScript入門（HTML5編）
HOME JavaScript入門[HTML5編] テキストファイルを読み込む 前のページではファイル選択ダイアログの出し方を見ました。 ここではそれを利用してローカルにあるテキストファイルを選択し、 テキストエリアに読み込む方法を見ていきたいと思います。 テキストを読み込む ローカルにあるファイルを読み込むには、FileReaderを使います。以下に使い方を掲載します。 変数 = new FileReader() FileReaderを作成し、変数に格納します。 変数.readAsText(Fileオブジェクト) テキスト形式でファイルを読み込みます。 変数.result 読込結果を取り出します。 以下のサンプルでテキストファイルを読み込みますが、このページの文字コードがUTF-8なので、 UTF-8形式のテキストでないと字化けします。もしUTF-8形式のテキストファイルが無ければ、 以
JavaScript でのローカル ファイルの読み込み - HTML5 Rocks
Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. How to select files, read file metadata and content, and monitor read progress. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, uploading photos
[eclipse pdt 3.0] HTMLバリデータのデフォルトがHTML5な件 - Dead Zone
Forumネタですが。 Eclipse Community Forums: PDT ≫ Default html doctype Indigo/PDT3.0（というよりWTP3.3）では、HTMLバリデータがHTML5を基準として動作するようですね。なので、tableのcellspacingなんかは"Attribute (cellspacing) is obsolete. Its use is discouraged in HTML5 documents."と警告されます。 これを変更するには、正しい方法と横着な方法があります(^^; 正しい方法は… Install New Software＞Indigoで、「Eclipse Web Developer Tools」または「Eclipse Faceted Project Framework」をインストールする プロジェクトのプロパティに"P
![[eclipse pdt 3.0] HTMLバリデータのデフォルトがHTML5な件 - Dead Zone](https://cdn-ak-scissors.b.st-hatena.com/image/square/df3a50c14b465108d37d0f484920317dd74971fb/height=288;version=1;width=512/http%3A%2F%2Fu.xgoo.jp%2Fimg%2Fsns%2Fblog.png)
HTML5のBlobで、動的データのダウンロードを、わずか3行で実装できた。 - kurukuru-papaのブログ
JavaScriptなどにより、クライアント側で動的なデータを作成し、それをローカル環境に保存したいと思い、サンプルプログラムを作成してみました。実装技術として、HTML5のFile API機能におけるBlobを使いました。 わずか3行で実装できてしまうのですね。便利ですね。さらに、HTML5なので、最近の主要ブラウザ（IE 10.0以降、Firefox 13.0以降、Chrome 20.0以降のはず）では動作しますし、現在動作していないブラウザ（Safari？）でも、HTML5対応が進めば、動作するようになるはず。 では、作成してみたサンプルプログラムを説明します。 ポイント ポイントは、この3行です。content変数には、ダンロードしたいファイルのテキストデータが入っています。id変数は、ダウンロード用リンクのaタグを特定するid属性です。 var blob = new Blob([
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS3だけで作られたピクロス「Pure CSS お絵かきロジック」
GitHub - sakai135/htmlruby-firefox: [abandoned] HTML Ruby for Firefox![GitHub - sakai135/htmlruby-firefox: [abandoned] HTML Ruby for Firefox](https://cdn-ak-scissors.b.st-hatena.com/image/square/e5e24bca286c41a13e3b37f29a0bca567ac24730/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F0beac52a338ae9591c3ec6065888c892075aad8db83d5d24f830f0e8a1d045da%2Fsakai135%2Fhtmlruby-firefox)
GRADIUS
Google Code Archive - Long-term storage for Google Code Project Hosting.
【jQuery】jQueryのプラグインflot、excanvasがIE8だと動作しない | ITベンチャーで働くエンジニアのメモ帳
認証がかかっています