nilog: 「レスポンシブWebのためのCSSをはじめ、位置情報やバッテリーの状態を取得するためのAPI、プラグインに頼らないマルチメディア再生などを紹介」モダンWeb ―新しいWebプラットフォームの基盤技術: Peter Gasston (2015-06-21)

← 前の日	2015-06-21	次の日 →
← 一年前		一年後 →

Twitter (2015-06-21)
「レスポンシブWebのためのCSSをはじめ、位置情報やバッテリーの状態を取得するためのAPI、プラグインに頼らないマルチメディア再生などを紹介」モダンWeb ―新しいWebプラットフォームの基盤技術: Peter Gasston http://www.amazon.co.jp/exec/obidos/ASIN/4873116929/nilabnilog-22/ref=nosim/ [t] 2015-06-21 11:23:51

関連するかも情報
ちょっとワラタ( ´∀｀) 「当初このAPIはバイブレーターAPIと呼ばれていましたが、間もなく現在の名称に変更されました (理由は聞かないでください)」モダンWeb ―― 新しいWebプラットフォームの基盤技術 http://twitter.com/nilab/status/612445734583951360/photo/1 元の画像を見る [t] 2015-06-21 11:23:36
「レスポンシブWebのためのCSSをはじめ、位置情報やバッテリーの状態を取得するためのAPI、プラグインに頼らないマルチメディア再生などを紹介」モダンWeb ―新しいWebプラットフォームの基盤技術: Peter Gasston http://www.amazon.co.jp/exec/obidos/ASIN/4873116929/nilabnilog-22/ref=nosim/ [t] 2015-06-21 11:23:51
以前試したときは、 iPhone では動いてくれなかったなぁ Vibration API [ヅ] JavaScript でスマホが振動する Web ページを作る (((( ；ﾟДﾟ))) (2014-05-09) http://www.nilab.info/z3/20140509_01_javascript_vibration_api.html [t] 2015-06-21 11:25:16
「SassはCascading Style Sheets(CSS)で解釈される2種類の構文で構成されたスクリプト言語であり、SassScriptはスクリプト言語自体を示す」 Sass - Wikipedia https://ja.wikipedia.org/wiki/Sass [t] 2015-06-21 11:27:16
Web Accessibility Initiative-Accessible Rich Internet Applications WAI-ARIA（日本語訳）：日立のユニバーサルデザイン http://www.hitachi.co.jp/universaldesign/ria/ajax/wai-aria/index.html [t] 2015-06-21 11:27:51
「タッチシナリオでは、要素がタッチされている間、その要素にホバーが適用されます」タッチ対応デバイスでホバーをシミュレートするための aria-haspopup の使用 (Windows) https://msdn.microsoft.com/ja-jp/library/jj152135(v=vs.85).aspx [t] 2015-06-21 11:29:15
「タッチシナリオでは、要素がタッチされている間、その要素にホバーが適用されます。しかし、要素のタップが、要素をアクティブ化することもあります (リンクのナビゲートなど)。実際のところ、タップはホバーとアクティブ化の両方が 1 つのアクションになったものです」 [t] 2015-06-21 11:29:22
レイアウトで使うランドマークのrole属性【アクセシビリティ】【WAI-ARIA】 - E-riverstyle Vanguard http://blog.e-riverstyle.com/2011/01/rolewaiaria.html [t] 2015-06-21 11:30:34
itemscope, itemtype, itemprop 第3回 GooglePlay、YouTubeも導入しているマイクロデータhttp://schema.orgとは？ \| Think IT（シンクイット） http://thinkit.co.jp/story/2012/05/09/3539 [t] 2015-06-21 11:31:38
document.getItems(typeNames) HTML Microdata http://www.w3.org/TR/microdata/#dom-document-getitems [t] 2015-06-21 11:32:46
マイクロデータはすべてを手動でマークアップするの大変そうだから、何かのデータを出力するときに自動で付けるようにするんだろうな。 [t] 2015-06-21 11:33:54
「カスタムdata属性 (data-*)のセットされたすべての要素に対して、読み取り専用のプロパティを提供」 HTMLElement.dataset - Web API インターフェイス \| MDN https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/dataset [t] 2015-06-21 11:35:07
「与えられた CSS セレクタにマッチする文書中の最初の要素（※深さ優先の先行順走査によるもの）を返します」 document.querySelector - Web API インターフェイス \| MDN https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector [t] 2015-06-21 11:35:53
「min-width はブラウザウィンドウのサイズに基づきますが、min-device-width は画面のサイズに基づいています」 CSS メディアクエリを使用してレスポンシブにする — Web Fundamentals https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/use-media-queries?hl=ja [t] 2015-06-21 11:43:12
DPR (Device Pixel Ratio) = 仮想的なピクセル数に対する物理的なピクセルの数。 DPPX (Dots per Pixel) と呼ばれることもあるとか。 [t] 2015-06-21 11:48:01
仮想的なピクセルの単位を表す DIP (Density-Independent Pixel) 。 CSS ピクセルとも呼ばれるらしい。物理的なピクセルを任意の数の DIP に対応づけ。 [t] 2015-06-21 11:48:14
Window.devicePixelRatio - Web API インターフェイス \| MDN https://developer.mozilla.org/ja/docs/Web/API/Window/devicePixelRatio [t] 2015-06-21 11:48:26
PPI (Pixel Per Inch) DPI (Dots Per Inch) 1インチ当たりのピクセル数。ピクセルとかドットとかポイントとかわかりにくい。。。 [t] 2015-06-21 11:50:24
「Firefox 16とOpera 12.10からメディアクエリーのresolutionとdppxが使える」さらばmozとoのdevice-pixel-ratio - fragmentary http://myakura.hatenablog.com/entry/2012/11/20/011054 [t] 2015-06-21 11:52:26
Surfin' Safari - Blog Archive » High DPI Web Sites https://www.webkit.org/blog/55/high-dpi-web-sites/ [t] 2015-06-21 11:54:47

2015年06年21日のnilogをすべて表示する