Safariに関するmut00tumのブックマーク (6)
-
注︶本文中の﹁コンテナ﹂﹁アイテム﹂について 本文中でいう﹁コンテナ﹂﹁アイテム﹂は、flexコンテナとflexアイテムのことを指しています。 コンテナ display: flexや、wrap指定などをする 複数のアイテムを含む アイテム flex: 1 0 0%などの指定をする 1. アイテム潰れる問題︵Safari︶ Chrome Safari 潰れてますね。 起きる条件 Safari なぜ コンテンツの最小サイズを尊重してくれない模様 どうすればいいのか flex-shrinkに0を指定 flex-basisにautoを指定︵デフォ値なので、指定がなければそのままでOK︶ Safari10にて修正済み︵つまり、SierraとiOS 10以降では対応不要︶ 2. align-items:center はみ出す問題 Chrome IE11 はみ出てますね。 起きる条件 IE10-11 f
-
MacBookAir (mid 2013)のディスプレイの緑色が変です っぽ 購入して1年後くらいに、緑色が黄色っぽく表示されるようになりました。 例えばQiitaのページをChromeやFirefoxで開くと顕著にわかります。 Safariで開いた時はこの現象が起きません。 添付ファイルの画像は、上から順にChrome, Firefox, Safariで同じページを開いた図です。 これは一体なにが原因なのでしょうか？
-
-
表題の件にハマりました。 iOS7: 未確認 iOS8: 再現 iOS9: 未確認︵巷の記事によるとiOS9でも発生する模様︶ iOS10: 再現 iOS11.3: 動いたり動かなかったりする︵対策施した版もアウトだったかどうかははっきり記録してなかったです…︶ iOS11.X のどこかでは height: 100% の代わりに height: 100vh を使わないと動かない時代もあった模様？ iOS12.2: どちらの版も動いたり動かなかったりする︵つまり本記事の対策では効果なし︶ 例えばページ上にレイヤーを重ねて、一覧から項目を選択させるような場合に、絶対位置指定した要素の中でスクロールさせたいことってありますよね？ デモ︵過去Safariで動かなかった版︶ デモ︵後述の対策を施した版︶ このとき、次の条件を満たしてしまうと iOS Safari でスクロールできなくなってしまいます
-
iOS9がリリースされ、iPhone6sも発売され、iOS9 Safari9で使える新機能をWebプログラマ目線で使ってみたいものをいくつか試してみました。iOSはアップデートの進捗がわりと良いので、新機能でもモバイルサイトであれば積極的に使える…はず。デスクトップ版の方は…お察しください。 ぶっちゃけ今回はそこまで目玉機能はなく、地味です。地味ですが、SafariでWebアプリを作れるようになりそうな気配がどことなくするようなしないような感じの内容です。残念ながらServiceWorkerには対応していないので、それに対応してくれたらもっとアレなんですが。 iOS Safari9の新機能︵OSX版含む︶ CSS系 backdropフィルタ対応 新し目のiOSやOSXとかのメニューバーが半透過されるあれが作れます。要は背景要素に対してフィルタがかけられるプロパティです。綺麗で良いですね。
-
以下の機能がSafari 9.0から追加されるそうです。 ホヤホヤ情報なのとざーっくり訳なので、間違ってたらごめんなさい！ developer.apple.com Secure Extension Distribution OS XのSafariの機能拡張が、すべてAppleでホストされるようになって(Safari Extensions Galleryっていうらしい)、より安全に使えるようになります。 Safari Extensions Galleryで公開された拡張は自動アップデートされて、 以下の2行を拡張のマニフェストに追加することでその恩恵が得られるとのこと。 <key>Update From Gallery</key> <true/>Safari Extensions Galleryに置かず、独自に拡張を公開することも引き続き可能だが、そっちは自動アップデート対象外。 ただし、S
-
1
flexboxのバグに立ち向かう（flexboxバグまとめ） - Qiita
MacBookAir (mid 2013)のディスプレイの緑色が変です っぽ 購入して１年後くらいに、緑色が黄色っぽく表示されるようになりました。…
iPhone版Safariで文字サイズがおかしくなるときは-webkit-text-size-adjust: 100%; を指定する
iOS Safari で絶対位置指定された要素のスクロールが出来ない件 - Qiita
Webプログラマから見たiOS9 Safari9のCSS/JavaScriptなどの新機能解説 - Qiita
Safari 9.0の新機能の概要 - console.lealog();
