はてなブックマーク

二〇一三年 神無月 卅一日 木曜日 ■ CSS だけでアクセシブルなラジオボタンとチェックボックス [/links] この記事は書かれてから1年以上経過しています。内容が古くなっている可能性があります。コメントの受付は終了しました。 HTML のラジオボタンとチェックボックスはブラウザによって外見が大きく違う。それを統一しようと思った場合、本格的にするなら jQuery のプラグインを使ったりすればよいのだけれど、それほど大がかりにせずに CSS だけで外見を統一する方法を考えた。CSS3 を使えば、JavaScript はいらない（ただし、IE8 以前には対応しない）。 基本的な考え方は、Styling checkboxes and radio buttons using CSS に書かれている通り。本来のラジオボタンやチェックボックスを opacity: 0; で透明にして隠し、lab

二〇一三年 長月 廿五日 水曜日 ■ たぶん、ほとんどの人は viewport meta タグの指定をまちがえてる [/links] この記事は書かれてから1年以上経過しています。内容が古くなっている可能性があります。コメントの受付は終了しました。 この記事は古くなっています。改訂版があります。 ウェブサイトをスマートフォンに対応させるために <meta name="viewport" content="..."> と指定することは、多くの人が知っていると思う。しかし、content の中身を何にするべきか本当に理解している人は、日本ではごく少ないようだ（かくいう私もつい最近まで理解していなかったのだから、大きなことは言えない）。 試しに「meta viewport」を Google で検索すると、以下のページが上位に出てくる。 Quick Tip: Don't Forget the Vi

二〇一三年 睦月 十三日 日曜日 ■ ウェブページの画像とリンクのリストを作成するブックマークレット [/links] この記事は書かれてから1年以上経過しています。内容が古くなっている可能性があります。コメントの受付は終了しました。 ウェブページを翻訳する場合、画像やリンクはたいていの場合原文通りに設定する必要がある。レビューでも、画像やリンクが原文通り設定されているか確認する場合が多い。翻訳支援ツールが自動でチェックしてくれることもあるが、ツールを使わない場合、ウェブページから画像やリンクを１つ１つ探して URL を確認するのは、面倒だし、見落としが発生しやすい。 そこで、ウェブページの画像とリンクを抽出するブックマークレットを作ってみた。以下のリンクをクリックすると、このページにある画像とリンクのリストがそれぞれ別画面に表示されるはずだ（といっても、このページには画像はほとんどないが

二〇〇六年 水無月 五日 月曜日 ■ Ajax で日本語を含む JSON を使う [/this_blog/ajax] この記事は書かれてから1年以上経過しています。内容が古くなっている可能性があります。コメントの受付は終了しました。 Ajax の X は XML の X だが、サーバから渡されたデータを JavaScript で処理するなら、XML よりも JSON の方が簡単に扱える。ところが、日本語を含む JSON をそのまま Safari に渡すと、文字化けしてしまう。 それに対する解決策として、高橋登史朗氏は日本語を URL エンコードしているが、そんな面倒なことをしなくても、HTTP ヘッダの Content-Type で文字コードを指定してやればよい。（どうでもいいけど、彼のサイトでコメントを書こうとすると、そっけなく「404」と言われる。）ヘッダの値について、かぜぶろ氏があれ