Loading...
Web制作

iOS8 Safariの新技術とブラウザ対応状況について

2014.09.26 update

なかのひとです。
iOS8にいそいそとアップデートしたはいいものの、
Wifi絡みの仕様が酷くて、自宅にいるにもかかわらずLTEを使うというよく分からない状況です。

さて、前回に引き続きiOS版のSafari関連のお話です。
Web屋にとってはどれも目を惹く技術でしたが、さて実際の案件で使用できるレベルのものはあるのでしょうか?

検証参考サイト:http://caniuse.com/

 

 

105
CSS shapes

■ CSS shapes
透過PNGなどの画像を使った時、文章が回りこみをしてくれるというもの。
雑誌っぽいレイアウトが組みやすくなります。

100
IEとFirefoxが×のようです。

 

APNG
APNG

■APNG・アニメーションpng
アニメーションのついたPNG画像を再生できるかどうか。

101iOS版は対応しましたが、PC版のSafariは未対応のようです。Yosemiteのアップデートで対応するのでしょうか。

CSS Compositing & Blending
CSS Compositing & Blending

■CSS Compositing & Blending
エレメントやSVGを下位のものにブレンド(乗算)できるとのこと。
これはデザイナーには嬉しいですが、はたして・・・

102

Chromeが×。これはユーザーとしてはちょっと悔しい。

 

webGL
webGL

■WebGL
最後にブラウザ上で3DCGをぐりぐりっと動かせちゃうWebGL。
この中では一番技術的に難しそうな印象を受けますが…?

103

部分的ではありますが、なんとほとんどのブラウザがサポート。
意外や意外、案外3DCGの普及が一番早くにくるのかも?

 

すでにあたりまえのようにサポートされている技術でも
Appleに取り上げられると注目を浴びますね。
現在対応していないブラウザも、これをきっかけにサポートが進むといいですね。

関連記事

  • 2014.10.03

    iPhone6/plus のスクリーン

  • 2014.09.26

    iOS8 Safariの新技術とブラウザ対応状況について

  • 2014.09.19

    web屋さんにとってのiOS8のSafari8

COLUMNコラム

2013.12.24

WordPressを使ったサイト事例2

2014.05.30

WordPressの管理画面のURL変更

2013.11.15

WordPressでよく使うプラグイン2

2018.07.24

その先のこと!

2014.04.04

レスポンシブなwordpressテーマ

2013.08.30

web制作コラムを開始しました。

2014.03.20

wordpressで住所から緯度経度を取得

2013.10.02

photoshop簡単に明るくふわっとした肌にする。

2014.04.18

WordPressで一時的なテンプレートテストをする

2018.07.17

Googleカレンダーにイベント登録、ChatWorkへメッセージを送信する方法③

2016.05.11

システム開発とは?

2014.07.04

ぐるなび公式レストラン検索 「WordPressプラグイン」

2014.03.03

WordPressをMAMPで動かす(1)

2014.03.14

WordPressをMAMPで動かす(2)

2014.05.16

WordPressの検索を強化する

2014.02.14

wordpressの高速化

2016.05.11

システム導入のメリット

2016.05.11

無線エンジニアのご紹介 I.Z

2014.07.18

Mac OSX Yosemite

2016.05.11

無線エンジニアのご紹介 K.N