myakura https://blog.hatena.ne.jp/myakura/ fragmentary https://myakura.hatenablog.com/ WebKit CSS Safari AppleがWebKitに-webkit-image-set()なるものを実装した。 Changeset 111637 – WebKit ― Implement image-set Bug 80322 – Implement image-set なにかというと、Retina displayやらPCとデバイスピクセル比が違うディスプレイに対して、違う画像を出し分ける、いわゆるResponsive imagesと呼ばれてるやつのための仕組み。 こんな感じで書くらしい。 selector { background: -webkit-image-set( url(foo-lowres.png) 1x,… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmyakura.hatenablog.com%2Fentry%2F2012%2F03%2F23%2F040058" title="Responsive imagesのための-webkit-image-set() - fragmentary" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2012-03-23 04:00:58 rich https://myakura.hatenablog.com/entry/2012/03/23/040058 1.0 100%