Google HTML/CSS Style Guide
Revision 2.1 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see “Hooray” appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there’s a “toggle all” at the top of this document. This document defines formatting and style rules for HTML
なぜ html の form は PUT / DELETE をサポートしないのか？ - Block Rockin’ Codes
注意 内容については一切保証しません。 ここでは、主に W3C ML での議論や各種仕様などに基づいて書いています。 ここに書かれていることが正しいかどうかは、自身で判断して下さい。 事実としておかしいところなどは、コメントでどんどん指摘して下さい。遠慮はいりません。 ただし、このエントリでは「form が PUT/DELETE をサポートするべきかどうか？」の議論はしません。 「REST の是非」や「PUT/DELETE の意義」についても議論する気はありません。 ここでやっているのは、あくまでもどういった議論の末現状があるのかの調査です。 そうした意見がある場合は、 W3C などに投稿するのが最も有益だと思います。 History 2014/03/29: 公開 2014/03/29: XForm と XHTML の関係を明確化(thanx koichik) 2014/03/29: HT
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
JS 大規模プロジェクトの管理手法 – ロードオブナイツの実例紹介
どうもこんにちは。 Aiming で東京開発グループのゼネラルマネージャをやっている小林です。 8月に mobage と Yahoo! モバゲー で ロードオブナイツ というシミュレーション RPG をリリースさせて頂きました。 そして、先週、 Yahoo! モバゲー版の PC ブラウザ専用デザインをリリースさせて頂きました。 今回リリースしたものは元々 Unity で作られていた iOS アプリ版 Lord of Knights を HTML5 で書きなおしたものです。 （今は Android 版 もあります） HTML のポチポチゲーをネイティブに移植したというのはよく聞く話ですね。 ですが、逆にリッチなネイティブアプリを HTML5 に移植し、かつスマフォブラウザと PC ブラウザで同じものを動かすなんてのは前例が見当たりませんでした。 技術的ハードルが高かったことに加えて期日がタイ
アドビ、オープンソースのHTMLエディタ「Brackets」を公開。まだまだ開発中
アドビがオープンソースとして公開している「Brackets」は、HTML5とJavaScriptで作られたHTMLエディタです。アドビ自身はBracketsについてブログやプレスリリースでのアナウンスは何もしておらず、Github上にAdobeのコードとしてひっそりと公開されています。 アドビには統合的なWeb開発環境として確固たる地位を持つDreamweaverがありますが、Bracketsの画面を見るかぎり、目指すものはDreamweaverを置き換えるようなものではなく、もっと直感的で軽くシンプルなHTML/CSS/JavaScriptエディタを実現しようとしているように見えます。 Bracketsはまだ開発が始まったばかりで、それほど多くの機能が実装されているわけではありません（実際に起動してみましたが、短時間では使い方もよく分かりませんでしたし……）。今後もう少し機能が追加されて
CSS3で表現力が高くなったからと言って、span等でボタンを作るのはやめて下さい。いえ、やめなさい。もう少し真っ当なHTMLを作ることを心がけましょう。むしろ今すぐwebの仕事辞めて腹を切って死ぬべきである!
もう禿げ上がるぐらいに同意。teramakoさんはアクセサビリティの観点で言及した訳ではないみたいだけど、アクセサビリティの観点からも、spanやdivでボタン作るwebデベロッパは死ぬべきだと思う。恐ろしい事に、Googleなんかもこの過ちを犯している。 これが、Vimperatorのような『利用者が敢えてポインティングデバイス以外での操作を好んでいる』という場合だけ問題になるのならば兎も角、例えば音声ブラウザを利用せざるを得ない、視力に問題を抱える閲覧者にも影響が有るというのはどうなのか。そんな奴らは知ったこっちゃないって？ふーん? せめて、WAI-ARIAのrole属性を付けるとかして欲しい。role="button"とか。それならば、ある程度問題は小さく出来る筈だ。 取り敢えずteramakoさん始めVimperator使いな人達は、.vimperatorrcで'hinttags'
モバイルアプリケーション開発のためのHTML/CSS/JavaScript関連技術まとめ
モバイルアプリケーションをHTML/CSS/JavaScriptなどのWeb標準技術を用いて開発するためのさまざまなツールや環境が登場しています。1つ前の記事で紹介した「jQuery Mobile」もその1つですが、それ以外のものもここでまとめて紹介しましょう。 jQuery Mobile jQuery Mobileは、JavaScriptライブラリとして知られるjQueryのプラグインです。オープンソースで提供されています。 「マークアップドリブン」をコンセプトとし、HTMLを記述していくことで、あらかじめ用意されているボタン、メニュー、ダイアログボックス、などのモバイル対応のタッチユーザーインターフェイスを備えたアプリケーションを開発できます。 クロスプラットフォームに対応し、iOS、Android、WebOS、Windows Phone、Symbianなど多数のデバイスでそのまま動作
HTML/XHTML Compatibility Authoring Guidelines ― XHTML互換のHTML5記法ガイドライン | Web標準Blog | ミツエーリンクス
> ナレッジ > Blog > Web標準Blog > 2010年5月 > HTML/XHTML Compatibility Authoring Guidelines ― XHTML互換のHTML5記法ガイドライン HTML5のHTML構文は、独自の構文を定義しています。ですから、例えばbr要素などは、<br />という記述、<br>という記述のどちらも書くことができるようになっています。また、これら2つの表記が混在することも可能です。 とはいえ、これからHTMLの基本を教えるときに「どちらでもいい」といった教え方をすると、教えられる側は少し悩んでしまうかもしれません。また、製作者にとっても、保守性や複数人での作業に影響があると言われていますから、なるべくならばコードの書き方に一貫性を持たせたいと考える人は多いのではないでしょうか。 こういった理由などがあり、HTML5でもXHTMLのよう
HTML5での文字エンコーディング指定とValidator.nu | Web標準Blog | ミツエーリンクス
先週行われたGoogle I/OのキーノートでAdobeのCEO, Kevin LynchよりAdobe Dreamweaver CS5 HTML5 Packが発表されました。DreamweaverでHTML5とCSS3のオーサリングを手助けするもので、いくつかの新しい要素やプロパティにコードヒントへの対応や、以前取り上げたマルチスクリーンプレビュー機能などが盛り込まれています。 HTML5やCSS3は発展途上ですからオーサリングツールの対応もまだ充分ではありません。今後のアップデートにも期待したいです。 オーサリングツールのほかにも、マークアップが適切かどうかを判断するための術がほしいところです。HTML5では適合性チェックツールとしてValidator.nuが開発されており、W3CのMarkup Validator (開発版)にも実験的に組み込まれています。 しかしながら、HTML5仕
Packaged Web Apps (Widgets) - Packaging and XML Configuration (Second Edition)
Packaged Web Apps (Widgets) - Packaging and XML Configuration (Second Edition) W3C Recommendation 27 November 2012 obsoleted 11 October 2018 This version: https://www.w3.org/TR/2018/OBSL-widgets-20181011/ Latest version: http://www.w3.org/TR/widgets/ Previous versions: http://www.w3.org/TR/2012/REC-widgets-20121127/ Latest editor's draft: http://w3c.github.io/packaged-webapps/packaging/ Test suite
HTML5と関連仕様、言語リファレンスが公開 | Web標準Blog | ミツエーリンクス
HTML WGより3月4日付で、新しいHTML5の草案を含めた6つの文書が公開されました。 HTML5 HTML Canvas 2D Context HTML Microdata HTML+RDFa HTML: The Markup Language HTML5 differences from HTML4 HTML5 differences from HTML4の日本語訳も、いつもの通り更新しています。 HTML5 における HTML4 からの変更点 変更点 昨年の草案からの変更点から、いくつか気になるものを挙げてみます。 ひとつは、会話文を表現するdialog要素が削除されました。専用のマークアップを用意する必要性や、表現力に乏しいといった懸念が寄せられたことによります。 また、figure要素とdetails要素について内容モデルの変更がありました。これらの要素はキャプションにlab
来期のWebApps WGは何をする？ | Web標準Blog | ミツエーリンクス
今年の6月末に活動期限を迎えるW3CのWebApps WGですが、来期に向けた取り組みがすでに始まっています。数日前に新しい憲章のドラフトが公開されましたので、今回は次のWebApps WGがどのような活動を検討しているのかをみていきましょう。 Web Applications Working Group Charter *DRAFT* 入力イベント、通知、メッセージング 新たな仕様として策定を検討されているものは、次のとおりです。 Alternate Input Device Events Web Notifications Web Messaging Alternate Input Device Eventsは、マルチタッチ対応トラックパッドといったデバイスの入力や、ジェスチャーといった入力方式に関連するイベントを定義するものとされています。 Web Notificationsはメール
HTML5やECMAScript5の話 - os0x.blog
HTML5周辺やECMAScript5の話をgihyo.jpでいくつか書かせて頂きました(上2つは3週、2週前の記事ですが…)。 新春特別企画：2010年のJavaScript：「これまで」と「これから」｜gihyo.jp … 技術評論社 続・先取り！ Google Chrome Extensions：第7回 Google Chrome拡張とHTML5 #1｜gihyo.jp … 技術評論社 続・先取り！ Google Chrome Extensions：第8回 Google Chrome拡張とHTML5 #2｜gihyo.jp … 技術評論社 特に「2010年のJavaScript」は「現状」をまとめるのにこれ以上ないチャンスだと思い(一年後に参照されたときに、一年前の情報であることが誰の目にも明らかであるというところがポイント)、現時点でのHTML5周辺のサポート状況という息の短い情報
W3CのHTML5仕様が、Core、Vocaburary、Microdataなど5つに分裂
HTML文書の中にメタデータを埋め込むための「Microdata」について、以前の記事「HTML5のMicrodataとは何か？」で紹介しました。このとき、W3CのHTML5を議論するグループでは、HTML5からMicrodataの仕様を分離すべきではないかと提案されていました。 この提案に対して先日投票が行われ、MicrodataはHTML5から分離されることが決定しました。また、そのほかにもHTML5からの分離が行われ、エディタのIan Hickson氏はHTML5の仕様を5つのドキュメントに分ける作業を行ったことを1月9日付けのメールで明らかにしました。 HTML5は新たに以下の5つに分けられています。 HTML5 Vocabulary HTML5 Core HTML5 Microdata HTML5 2D Context HTML5 Communications そもそもモジュラー
2009年のWeb標準 | Web標準Blog | ミツエーリンクス
2009年もあと数日ということで、今年のWeb標準について簡単ですが本Blogのエントリをもとに振り返ってみようと思います。 XHTML 1月にXHTML Media Typesの第二版が公開され、XHTML文書を公開する際のガイドラインがより現実を反映したものになりました。 XHTML Media Typesの第二版が公開 7月にはXHTML2 Working Groupの活動終了がアナウンスされました。 XHTML 2 WGが活動終了へ、XHTML 2.0も策定終了に XHTML 2.0の策定は中止されますが、XHTML自体が終了するわけではありません。 HTML5と関連API 2009年はHTML5の注目がとくにまった一年であるように感じました。 Web Forms 2を統合した新しいHTML5の草案が公開 Last Callに向け進むHTML5 HTML5のeditor, Ian
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
日本が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け（制作者に関係する要件）と、Webブラウザを作る人向け（実装要件についての要件）ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLはHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
短期間＋大規模ゲーム開発でも破綻しないHTML・SCSS
The Cicada Principle and Why It Matters to Web Designers » HTML & CSS, Layout » Design Festival
一般的なケースで、websocket pipelineをテストしてみました。
HTML5がバラバラに・・・(^^;