はてなブックマーク

ちなみに、というか当然の如くボランティアです。実際に貢献していただいても何も出ません＞＜*1 管理人の翻訳したHTML5日本語訳について、ゆるく間違い探し、もとい校正をしていただける方を募集しております（募集とは書いていますが、別に我こそはと名乗り出てもらわなくても大丈夫です）。 校正？なんだか難しそうです… 「てにをは」の誤りレベルからで大丈夫です！HTML5はあまりにも巨大すぎる仕様ゆえに、私一人でとても面倒を見切れないという事情があります。前述した助詞の誤りの他に、 あるべきところに句読点がない／句読点が重複している 誤字・脱字がある 訳出した単語にブレがある たとえば、あるところで「ユーザーエージェント」となっているのに、別のところで「ユーザエージェント」となっている ほかには、「祖先」と書かれていたり「先祖」と書かれていたりと、統一されていない、など。 日本語と英語の間に不自然な

ネタ元： ウェブの仕様は今どこにあるのか？ | Web Scratch http://efcl.info/2014/09/02/webspec-here/ これに刺激されてちょっと書いてみた。ネタ元ではGitHubを利用した最近の仕様策定を枕にしているけれども、古典的なものの見方で、W3C HTML5仕様を軸にW3C仕様の現状を分かる範囲でごく簡単に。漏れや指摘があればコメント欄か@momdo_までよろしくどうぞ。 この文書のライセンス：© 2014 血統の森. CC BY 4.0. HTML5と5.1の進捗について HTML5 http://www.w3.org/TR/html5/ HTML 5.1 http://www.w3.org/TR/html51/ HTML 5.1 Nightly http://www.w3.org/html/wg/drafts/html/master/ HTM

結論から言うと、XHTML構文で名前文字参照（HTML4で言うところの文字実体参照）は使用を避けた方が良いかもしれない、と言う話。、リテラルに文字を書いたほうがよい（どうしてもというなら、数値実体参照で）、というお話。 適当にぐぐって見つけたページ（XHTML5で実体参照を使う方法 - 泥のように）が大体合っていますが、微妙に舌足らずな気もするので一応メモ。もっとも、webでXHTML5を使うことは滅多にないと思うので、もっぱらEPUB3のリーディングシステム（≒WebKit？）でどうなるのか、ぐらいしか思いつきませんが。 なお、XMLについてはよくわかっていないので全然あさってなことを書いているかもしれませんのであしからず。 本題に入る前にまず文字参照（Character references）のおさらい。HTML4では、 文字実体参照（Character entity referenc

HTML5とWAI-ARIAのお話で、タイトルは私が勝手に付けた訳語で原仕様書ではそれぞれ、implicit WAI-ARIA semantics、strong native semanticsと表現されるものです。誰かもっといい訳語があるよとかMSDNとかMDNではこう訳してるという情報があればください。 で、暗黙のARIAセマンティックや強いネイティヴセマンティックが何なのかという話ですが、HTML5.1仕様では、3.2.7.3 強いネイティヴセマンティックと3.2.7.4 暗黙のARIAセマンティックにその言葉が見えますが、この用語の定義そのものは実装向けの箇所に記述されていて、 The terms strong native semantics is used as defined in the ARIA specification. The term default implic

これはHTML5 Advent Calendar 2013参加エントリーです。 HTML5仕様書読んでますか。まだ今年一度も見ていない、1行も読んでいないという人、Advent Calendarをわざわざ巡るような意識の高い人ではさすがにいないと思いますが、どうでしょうか。 英語がいやだという人は、web制作者向けの箇所が日本語になっている日本語訳がありますよ？ちょっと古いですけど。 HTML5 日本語訳 HTML 5.1 日本語訳 HTML5タグリファレンス - HTML5.JPが部分訳としては有名でしょうが、上記ページの方はより広い範囲（ブラウザ向けの記述を除く全部）を訳しております。以上訳者による宣伝でした。 …だけではさすがにエントリーとしてはアレなのでもう日本語訳仕様について少し何か書きましょうか。 筆者はいまだに理解していないのですが、世間的にはHTML5というバズワードはCS

いつかはもうメンテナンスされないOpera 12.xから乗り換えないといけないという事実について、おぺらー紳士淑女わかっているとは思うし、かくいう私もそう思いつつもつい最近まで乗り換えることをしなかったのは、乗り換えを本気で試すことをしなかったからに他ならない、の一点につきるのかなと思う。 環境を変えるのが面倒になったあたり、老害度合いがひどくなってきて…おや誰か来たようだ。 さておき、あの壊滅的に設定項目の少ないBlink Operaに乗り換えるという選択肢は存在しなかった。いわんやChromeをや。Internet Explorerもありなのだろうが、そもそも魔改造するものではない…となると、Firefoxに託すしかない。 入れたアドオン FireGestures :: Add-ons for Firefox FireLink - Copy link with keyboard sho

あらすぢ id:momdo:20130827:p1 →EPUB版点字図書（点字記号フォント埋め込み版）をつくってみた | すちゃらかコーダー で点字だけのepubを@kzakzaさんが作成するも、手元のHTC J butterflyで見ることができなかった（全部豆腐になる）、という話。 なぜか？ 2013-09-08追記:どうもHTC j butterflyでの挙動が怪しいというか、もとepubが同名で何度か差し替えられているのでうまく追試できていない（つまり、ここに書いてあることが確からしいかどうか、少し疑問の余地があることに注意）。自前でテストビルドしろってことか…。 2013-09-11追記:ここで書いていることは、テストが不完全なために不正確で誤りを含んでいます。ご利用は計画的に。 当初、epub中のCSSは @font-face { font-family: Braille6;

@kzakza氏とUnicodeの点字についてちらっと盛り上がって Unicode点字と点字フォーマットPEF(Portable Embosser Format) | すちゃらかコーダー http://code.kzakza.com/2013/08/unicode_braille_pef/ 氏がこんな記事を書いてたんだけど、Twitterでちょっと伝えきれなかった面があるので追補。 以下のように表示されているならば、貴方の端末（OS)はUnicode点字に対応しています。 という塩梅でOSが対応しているかどうか、というところに焦点が当たってますが、要はフォントが入っていればよいわけです。 つまるところ、webページやEPUBであればwebフォントをこちらで用意してしまえばOSの問題でなく、ブラウザの問題に帰結できます。 簡単にぐぐったところ、 点字フォント（Unicode６点） - Tru

エムソフト、「EmEditor」v13を正式公開。「Professional」「Free」が同一バイナリに - 窓の杜 前のフリー版からのめぼしい変更点としては、HTML5のcharset属性値に対応したのと、フリー版でもesy形式の構文ファイルを食わせることができるようになった、というところでしょうか。 で、既存のHTML5構文ファイルがEmEditor (テキストエディタ) - HTML 5 構文ファイルとしてあるにはあるのですが、どうにも要素および属性名の記述が怪しい感じがしたので、書き直してみました。 生成物：html5.esy（Google Drive） 要素および属性のファイルへの打ち込みに際しては、2013-05-28 HTML5.1草案のIndex（やりかけの和訳）に基づいています。 MathMLとSVGの子要素については記述していませんが、カスタムデータ属性data-*に

日本語を含んだ属性名にするのが誰得なんだという疑問があるにせよ、仕様上はそうなっている（ように読める）のだから仕方ない。 カスタムデータ属性は、文字列"data-"で始まる名前空間のない名前をもつ属性であり、ハイフンの後に少なくとも1文字を持ち、XML互換であり、ASCII大文字を含まない。 HTML 5.1（2013-05-28） 3.2.3.9 data-*属性をもつカスタム非視覚データの埋め込み XML互換というのはHTML 5.1仕様によると、 属性名がXMLで定義されたName生成物と一致し、":"（U+003A）文字を含まず、かつ最初の3文字の文字列がASCII大文字・小文字不区別で文字列"xml"に一致しない場合、属性名はXML互換であると言われる。 HTML 5.1（2013-05-28） 2.1.2 XML とある。Name生成物はXML仕様に定義してあって、 [4] N

HTMLをマジメに書くにあたって、一度は考えたことがあるんじゃないだろうかテーマだと思いますが、その問いに対してW3Cがベストプラクティスの位置づけにあたる文書を発行しています。そして、この文書を訳してみましたよ、というお話。 HTML5 有用な代替テキストを提供するためのテクニック http://momdo.s35.xrea.com/web-html-test/spec/WD-html-alt-techniques-20120329.html HTML5を拡張する仕様（あるいはノートになるかもしれない）としてまとめられていますが、どのHTMLでも参考になる内容となっています。また、ISO/IEC 40500:2012にもなった*1 WCAG2.0への参照が文書中にありますが、これらをWeb上に存在する日本語訳へのリンクに書き換えています。アクセシビリティへの入門として、またJISX 83

さて、keio.ac.jpのサービスが停止したのはid:momdo:20120711:p1で書いたとおりですが、石野氏のサイトにも正式告知が来てました。 Ringのサービスは停止しています。ゲートウェイサービスは、株式会社ジゾン様のサイトを利用してください。 ソースは以下からダウンロードしてください。 この内容からだと、意図的に止めてるのか、事故で止まってるのかさっぱりわかりませんね…。 ところで、いつの間にか株式会社ジゾンのサービス（http://www.htmllint.net）がアクセス可能になったようです。 Another HTML-lint 5無償でご利用できるHTMLの構文チェックツールです。 元々1997年度に石野恵一郎氏によってPerl5で作成されました。 Another HTML-lint 5は株式会社ジゾンがAnother HTML-lint をベースにHTML5に対応

正規表現で遊んでて、気づいたら作ってました。せっかくなので公開します。 ファイルはこちらから。 https://docs.google.com/open?id=0B4lAljZ7ptP_ZjA0YWY5MDQtMGMyZC00YmY4LWFlYjMtYzU1ZTc5M2M1ZGJl 右上の「元のファイルをダウンロード」からダウンロードして、適当な場所で解凍してください。 サクラエディタの入手はこちらから。 http://sakura.qp.land.to/ 特長 CSS2.1の全部（たぶん） vender-prefixも強調 Selector3の一部 CSS Color Level 3のほとんど CSS Values and Units Level 3の一部 webkitがprefix付きでサポートするもの全部 を強調できるように…なってるはず。 やっつけの成果物なので、何かあればどしどし

色の学習も兼ねて、作って見ました。大雑把には分類できたと思うけど、細かい所が怪しい…（見栄え的な意味で）。 CSS3での名称 10進 R/G/B snow 255 250 250 floralwhite 255 250 240 ivory 255 255 240 honeydew 240 255 240 azure 240 255 255 lightcyan 224 255 255 aliceblue 240 248 255 lavenderblush 255 240 245 seashell 255 245 238 linen 250 240 230 antiquewhite 250 235 215 blanchedalmond 255 235 205 papayawhip 255 239 213 oldlace 253 245 230 cornsilk 255 248 220 lemo

縦書きHTML/CSSに関するメモ - 血統の森 web実験小屋 http://momdo.s35.xrea.com/web-html-test/vertical-text/index.html SVGを用いた縦書きHTML：般若心経 - 血統の森 web実験小屋 http://momdo.s35.xrea.com/web-html-test/vertical-text/svg-test.html 自サイトを久々にメンテナンスしようとして（実際には何もアップデートしてないけど、でもHTML5で書くことって可能だよねとか思いついたり）、そういえばFirefoxの実装状況ってどうなってるんだろう？とか思い、軽くbugzillaを検索したり。 Bug 145503 – CSS3 writing-mode (vertical text) https://bugzilla.mozilla.org/s

いきなり本題からずれるけど、HTML4では定義されていないrel属性値を指定するには、 一般に、メタデータの指定には次の2つの手法が取られる。 プロパティとその値を宣言する。これには2通りのやり方がある。 文書中での、META要素による宣言。 文書外のメタデータへLINK要素でリンクする(リンク形式の項を参照のこと)。 プロパティとその正当な値を定義しているプロファイルを参照する。 プロファイルを指し示すのには、HEAD要素の profile属性を用いる。 プロファイルがHEAD要素について設定されるため、ここに含まれるすべてのMETA要素及びLINK要素において同じプロファイルが適用されるという点に注意されたい。 ユーザエージェントは、メタデータ機構のサポートは要求されない。メタデータをサポートしようとするユーザエージェントに対して、本仕様はメタデータをどう解釈すべきかを定義しない。 と

いつまで続くのかは不明 当然間違いがあるかもしれない。もしあれば遠慮無くつっこんでくれ。 BCP 47というかIANAのレポジトリにあって、HTMLやXMLのlang属性で扱える日本語に関係するであろう言語タグについてまとめてみました。 BCP 47はXML 1.0とHTML5が参照しているRFCです。この文章が書かれた時点での最新のRFCはRFC 5646です。 （RFC 4646を参照しているために少し古いですが）HTMLにおける言語コード/言語タグ メモがたぶん役に立つと思われます。 language（言語）副タグ RFC 5646が見ているのはISO 639-1、639-2、639-3、639-5。日本語に関連すると思われるのは、次の通り。 タグ IANAの説明 ja Japanese ojp Old Japanese jsl Japanese Sign Language jpx

唐突に何かが始まるのはいつものこと。 いつまで続くのかは不明 当然間違いがあるかもしれない。もしあれば遠慮無くつっこんでくれ。 HTML4ではhref属性でURI(RFC 2396)が扱えるという規定。おおざっぱに言えば、URIに使える文字列は、アルファベットと数字、決められた記号*1。つまり、日本語のドメイン名、パス名、ファイル名等はURIで扱えない。 HTML4での規定は過去ログ参照。 HTMLデータ形式メモ2 - 血統の森+はてな http://d.hatena.ne.jp/momdo/20090611/p1 一方WHATWGのDraftにあるHTML5(18 May 2010)によると、 A Web address is a valid Web address if at least one of the following conditions holds: The URL is

訳してみた CSS3 borders, backgrounds and box-shadows (ja) http://momdo.s35.xrea.com/web-html-test/CSS3-memo/css3-border-background-boxshadow.html ＼Opera／