読者です 読者をやめる 読者になる 読者になる

iOS7 の Safari はゆるふわな HTML に厳しい

こんなゆるふわでファウルな HTML があったとしまして <html> <head> <meta charset=utf-8 /> </head> <body> <div id="firstunko"> <p id="unko">unko</p> </div> <div id="secondunko"> <p id="unko">unko</p> <p id="unko">unko</p> <p id="unko">unko</p> <p id="unko">unko</p> <p id="unko">unko</p> </div> </body> </html>

input type="number" の処理が厳格(?)になってた。

iOS5 で type="number" の input 要素に数字を入力した時の処理が仕様により即したものになったようで、単純に言うと、本当に「数字・実数」にのみ使うものになった。例えば!郵便番号には!使えない!俺!仕事で!郵便番号に!使ってた!!047とか入力する…

今更幅指定しないボックスの中央寄せ

今更ですみません。常識ですみません。 あれ、これ IE でどうやるんだろ。と思ったので近くにいた凄腕コーディング職人に訊いてみた。こうだった。 display:inline; zoom:1; へぇー!これで IE6/7 で inline-block をエミュレートできるんですね。知らなかっ…

「第3回 Webkit/HTML5勉強会」に行ってきました(後編)

Microformat と Microdata の紹介 by Oli さん(http://oli.jp/) はじめに プレゼンスライド HTML に(ヒューマンリーダブル、マシンリーダブル問わず)メタデータを付加する方法はいくつもあるわけですが、クリエータベースでボトムアップに使われ始めたも…

「第3回 Webkit/HTML5勉強会」に行ってきました(前編)

概要 http://atnd.org/events/3058 HTML5 バリデータ "validator.nu" について by Mike(tm) Smith(W3C) さん Microformat 及び Microdata について by Oli さん(http://oli.jp/) HTML5 バリデータ "validator.nu" について by Mike(tm) Smith(W3C) さん はじ…

IE6 が死んだらできる10のこと(from Ajaxian)

という記事がその昔 Ajaxian に挙がっていたので自分のメモとして残っていたモノを、そろそろ時期が来たかと言うことでこちらに再掲。http://ajaxian.com/archives/10-cool-things-we%e2%80%99ll-be-able-to-do-once-ie6-is-dead-and-a-few-we-cant 子セレク…

focus, blur は W3C 的にも bubbles=no

DOM0イベントの focus と blur はバブルアップしてきません http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-eventgroupings-htmlevents-h3ブラウザのバグではなく、仕様的にそうなってます。うーん。ちなみに bubble = no は... load unload b…

HTML5 と XHTML2.0

ご注意 以下の内容ですが、内容がずれてるんじゃないか?誤って解釈してるんじゃないか?というご指摘いただいてますので、注意してお読みください…。技術文書というより100%感想文です。 HTML5 がセマンティックウェブ的なものをガン無視していて最高 HTML5…

WAI-ARIA クライアントサイド野郎向けまとめ

何これ Web Accessibility Initiative(WAI) が作った Accessible Rich Internet Applications(ARIA) のためのご提案。(X)HTML 上で動く RIA をターゲットにしているので当然 (X)HTML に属性を追加しようとするもの。※「HTML 文書をアクセシブルにする」ため…

Progressive Enhancement 的角丸

<div class="setsumeibun"> <h3>説明とは</h3> <p>説明です。</p> <img src="7x7_eee_fff.gif" width="7" height="7" alt="" style="position:absolute; left:0; top:0;"/> </div>

告白

今ここに罪を告白します。自分、W3C の HTML 4.01 Specification 完読できてません。CSS2 はなぜか昔読みましたが、2.1 は読んでません。 読みたい。というか、読めば読むほど「(自分含め)どんだけみんな適当なこと言ってるか」がわかるので、なんとも苦い…

何気なく見てたら

ARIA 何気なく MSDN 引いてたら、ariaうんちゃら系のプロパティがどさっと追加されてた。http://msdn.microsoft.com/en-us/library/cc304092(VS.85).aspx夢物語かと思っていたのに、時代は進んでいるのですねえ…。って関心してる場合じゃない!IE8を全然いじ…

button 要素 HTML4.0から導入された button 要素。 Push my button/Digital Web Magazine こ、これは…!。知らなかった…。駄目だ…。死んだ方がいい…。これから絶対使おう。忙しい方は、サンプルに直接リンクを貼ったので見てください。そしてソースとCSSを見…

24 ways to impress your friends

数ヶ月ぶりに、溜まっていたWeb標準系のブログを必死で読み漁っています。かなり発展途上のジャンルなので、お仕事的な視点から見れば必死で付いていく必要は無いと思うけど、たまには追いついておかないと…。 24 ways to impress your friends 去年の12月に…

WinIE で label の内容の img はクリックしても対応するフォーム要素がフォーカスしない。

しないんです。びっくりした。困った。初めて知った。こないだアクセシビリティ認定アドバイザを取得した私は俄に増長し、社内で勝手に一人「アクセシビリティ番長」を名乗り、あれもだめこれもだめと駄目出しをして悦に入っていたわけですが、ある同僚の方…

here症候群 2005年3月15日(火曜日) のえび日記/水無月ばけらのえび日記 HTML鳩丸倶楽部さんの日記の中に出てきたhere症候群(『詳しくはこちら』)、他でもない自分がしばらく悩まされていた心の病です。これから抜け出すのには結構時間がかかりました。HTML…

IE7 Reversal: Next IE update divorced from Windows | CNET News.com IE7 | IEBlog Gates Highlights Progress on Security, Outlines Next Steps for Continued Innovation | Microsoft PressPass IE7はIE6改として今年夏にも一旦登場するよ。との話。 ア…

TBODYと負け組サラリーマンの週末

私は負け組です。昨日、立川昭和記念公園花火大会という多摩地区の大イベントがあり、我が町谷保も、遊びにいった八王子も、そして立川も浴衣を着た女の子ちゃんたちで賑わっておりました。私は人生の負け組なのでそんな女の子ちゃんたちを横目に「あ゛ー」…

(X)HTML, Dublin Core, IBM XHTML

サニーサンデー!の古賀さんがついに27歳の誕生日を迎えられた昨今、みなさまいかがお過ごしでしょうか。今日は古賀さんのお誕生日をお祝いする日記でもひとつでっちあげようかと思ったのですが、なんだか酔っぱらったおっさんのしみじみ一人語りの様相を呈…