ios11以前と以降での、-apple-systemの表示 - Qiita
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のほうがグリフの高さが小さいた
I am expecting to iOS 9.0 Mobile Safari features. - latest log
iOS 9.0 に入るかもしれない機能をまとめてみました。公式なものではないため参考程度にお願いします。 WebKit 公式の Feature Status もご覧ください。 (ε・ ワ ・)з 40〜50時間ぐらいドブに捨てて書いている気がしますが、2分で読めます via https://github.com/uupaa/WebKitChangeLog/wiki/iOS9.x.x.changesets WebKit 600.1.4 以降の変化をまとめました。 WebKit の Changeset から読み取れる情報を元に構成されており、検証中のものが多く含まれています。あくまで予想です。 HTML/DOM node.style.webkitFontFeatureSettings が実装されました DocumentFragment に getElementById が実装されました Doc
[iOS 8] Safari 8で CSS Shapesが使えるようになった。 | DevelopersIO
こんにちは、清田です。 WWDCの中で、次世代のSafari 8で「CSS Shapes and Compositiong」がサポートされたとのことで、 今回はCSS Shapesについてご紹介してみたいと思います。 CSS Shapesとは？ CSS ShapesのShapeは形を意味します。 CSSのプロパティから指定した任意の形状(Shape)に合わせて、レイアウトすることを可能にしたスタイルになります。 表現できる形は、丸、三角形、台形など簡単図形の描画や画像を形状として認識できるようです。 ブラウザの対応状況 以下の対応表を確認してみると、Safari 8から対応したのが確認できます。 導入方法について まず前提条件として、CSS Shapesを描画できるブラウザであることがあります。 基本的なでスタイルを反映方法は、従来の指定方法と同じようにdom要素に任意のid or cls
![[iOS 8] Safari 8で CSS Shapesが使えるようになった。 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/34de6d57437c5cfc77b749f99e4483a7a1702539/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F06%2Fios81.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
