NI-Lab.

nilog:

← 前の日 2015-06-21 次の日 →
← 一年前 一年後 →
Twitter (2015-06-21)
document.getItems(typeNames)

HTML Microdata http://www.w3.org/TR/microdata/#dom-document-getitems
[t] 2015-06-21 11:32:46
関連するかも情報
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
オライリー「モダンWeb」本のサンプルコードに -webkit-min-device-resolution って書いてあるけど、 -webkit-device-pixel-ratio の間違いなのかな。検索しても原書の Google Book ページしかヒットしない。
[t] 2015-06-21 11:55:58
ビューポートとメディアクエリはCSSでも使えるのか。

@viewport - CSS | MDN https://developer.mozilla.org/ja/docs/Web/CSS/Reference/@viewport
[t] 2015-06-21 11:57:25
今日の名古屋の天気 ☂☁
6/21(日) 雨のちくもり
予想最高気温:25℃
降水確率
12-18時:30%
18-24時:10%
ウェザーマップ気象情報 http://www.weathermap.co.jp/forecast/
#天気bot #bot #052tenki #nagoya
[t] 2015-06-21 12:00:02
<script> 要素の defer 属性と async 属性。スクリプト実行のタイミングを制御できる。

モダンWeb ―― 新しいWebプラットフォームの基盤技術 http://twitter.com/nilab/status/612455682915172352/photo/1
<script> 要素の defer 属性と async 属性。スクリプト実行のタイミングを制御できる。  モダンWeb ―― 新しいWebプラットフォームの基盤技術
元の画像を見る
[t] 2015-06-21 12:03:08
<script> 要素に defer 属性を記述すると、ページ全体の読み込みが完了した時点でスクリプトが実行される。
<script> 要素に async 属性を記述すると、スクリプトの読み込みが完了した時点でスクリプトが実行される。
[t] 2015-06-21 12:03:49
おぉっと。

"Yepnope has been deprecated."

yepnope.js | A Conditional Loader For Your Polyfills! http://yepnopejs.com/
[t] 2015-06-21 12:04:43
Modernizr: the feature detection library for HTML5/CSS3 http://modernizr.com/
[t] 2015-06-21 12:05:07
JavaScript で if (Modernizr.svg) {} ってやって、SVGが使えるか判別できる。

SVG のフォールバックは結局 Modernizr に落ち着いた件 | WWW WATCH http://hyper-text.org/archives/2015/02/modernizr_svg_fallback.shtml
[t] 2015-06-21 12:06:57
2015年06年21日のnilogをすべて表示する

- NI-Lab.
- Mastodon (@nilab@mastodon-japan.net)
- Twitter (@nilab)
- Timelog (@nilab)
- はてなブックマーク (id:nilab)

Web Services by Yahoo! JAPAN