Pointing at things on the web used to be simple. You had a mouse, you moved it around, sometimes you pushed buttons, and that was it. Everything that wasn’t a mouse was emulated as one, and developers knew exactly what to count on. Simple doesn’t necessarily mean good, though. Over time, it became increasingly important that not everything was (or pretended to be) a mouse: you could have pressure-
この記事は古くなっています。こちらを参照して下さい。 これまでマウスイベントの扱いは、以下のような記述方法でした。 var elem = document.getElementById("hoge"); if ( elem.addEventListener ) { // IE9以上/Firefox/Chrome elem.addEventListener("mousedown", fn); } else { // IE8以下向け下位互換対策 elem.attachEvent("onmousedown", fn); } } 上記はマウスが存在するという前提で成立していたもので、今後はマルチデバイス対応が求められる時代になります。 今のところはデスクトップ型向けとスマートデバイス型とでは、ユーザエージェントを使ってビューを切り替えるという方法が主流のようです。しかし今後は、Windows 8的
UAが各イベントに対応しているかどうか var _ua = (function(){ return { Touch:typeof document.ontouchstart != "undefined", Pointer:window.navigator.pointerEnabled, MSPoniter:window.navigator.msPointerEnabled } })(); UAがタッチイベントをサポートしているかどうかはdocument.ontouchstartがundefinedを返さないことを条件にし、ポインタイベントをサポートしているかどうかは、navigator.pointerEnabled(windowオブジェクトは省略可)を用います。なおIE10は先攻実装のため、ベンダー識別子を用いる必要があります。 対応するイベント名を割り当てる 先の比較表に応じて、必要なイ
iOSのsafariでは、font-family:-apple-system; でSan Franciscoフォントを表示させることができます。この-apple-systemの挙動が、iOS11以前と以降で微妙に変更になっています。 iOS10と11での表示の違い 以下、iOSシミュレーターでキャプチャした画像です。(左がiOS10、右がiOS11) "Hiragino Kaku Gothic ProN"; で指定した場合 ヒラギノだけ指定している場合、半角英数は当然ヒラギノのグリフになります。同じ字体のため、半角と全角が混ざっても高さが揃っていて自然な見た目になります。 -apple-system, "Hiragino Kaku Gothic ProN"; で指定した場合 ヒラギノから半角英数だけSFにした状態です。数字と「円」の部分の高さが顕著ですが、SFのほうがグリフの高さが小さいた
夜中に何台もの消防車と救急車のサイレンがけたたましく鳴り響き、犬は吠え始め、眠っているところを無理やり起こされたからか、朝から少しぼーっとしている kouraku です。おはこんばんちわ。 さて今回は、前回のHTML/CSS編に引き続きアクセシビリティ:AA レベルのサイト制作を行ったとき、主にslickを使用したカルーセルについて、専門の方から色々と指摘をいただいた内容のいくつかを忘れないようにメモしておこうと思います。 ①各スライド及びスライド選択ボタンに付いている不要なrole属性は削除してね え?なになに、どういうこと!? 指摘内容はこうでした。 ul要素にrole="tablist"が付与されていますが、対象箇所はタブではありません。対象箇所からrole="tablist"を削除します。 optionロールは選択欄の各選択肢に付与するロールであるため、各イベントを記載するボックス
東京都文京区、都営三田線「千石駅」から徒歩2分。 都会の喧騒から離れた、落ち着きのある街にひっそりと佇む 当店ではタマリエの資格を持つ店主が食べ歩いて出会った、 「喜三郎農場」。全国各地の美味しい卵を使用した、卵かけご飯や 親子丼など卵料理を取り揃えております。中でもランチは卵かけご飯 食べ放題の定食が人気です。 卵だけではなく、ブランド鶏やブランド豚も農家直送で仕入れており、 上質な料理をお楽しみいただけます。 巣鴨・千石・白山エリアでランチ、夜ご飯なら、 ぜひ当店へお越しください! 親子丼弁当、焼き鳥丼弁当、プリンのテイクアウト・持ち帰り、 デリバリー・宅配も人気です。 東京で美味しい卵かけご飯なら卵専門店「喜三郎農場」へ。 卵は、店主が厳選して仕入れた12種類の中から、 お客様自身で選んでいただくのが特徴です。 味の濃い卵、すっきり食べやすい卵、 驚きの黄身の色や味など、 親鶏の育っ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く