How To Prevent Scrolling The Page On iOS Safari 15
If we show a modal on iOS we need to prevent events inside the modal from interacting with the page behind the modal. On a previous episode of “Fun with Safari” we could use preventDefault() on the "touchmove" event but on iOS 15 that no longer works. Here we go. To make this work we need iOS to think that there is nothing to scroll. But how do we do this? We set the height of both the html and th
Safari 11でlinear-gradientが表示されない問題
Safari 11でlinear-gradientが表示されない問題に出くわしたのでメモっておきます。ググっても情報が出てこなかったので、同じ問題に出くわした方のお役に立てば幸いです。 Safari 11ではDouble-position Color Stopsがサポートされていない linear-gradientには一つの色に複数の色経由点を指定する「Double-position color stops」という書き方 があります。以下の例ではwhiteを指定した部分に複数の色経由点（33%と66%）を指定しています。 .gradient-multi-position { background: linear-gradient(to right, #002395 33%, white 33% 66%, #ed2939 66%); } ところが、SafariではDouble-positio
Exploring color-contrast() for the First Time | CSS-Tricks
I saw in the release notes for Safari Technical Preview 122 that it has support for a color-contrast() function in CSS. Safari is first out of the gate here. As far as I know, no other browser supports this yet and I have no idea when stable Safari will ship it, or if any other browser ever will. But! It’s a very good idea! Any native tool to get us to ship more accessible interfaces (of which col
No - Safari 14 Does Not Block Google Analytics
Let me start by proclaiming with clarity and sincerity: No, Safari 14 (or any other version of Safari) will not block Google Analytics from loading and running on a website. In the midst of Apple’s yearly Worldwide Developers Conference, the company showcased some of the privacy improvements to the upcoming version of the Safari web browser (version 14). In fact, the biggest revelation was the new
Private client-side-only PWAs are hard, but now Apple made them impossible. • AndreGarzia.com
There is a huge opportunity for the creation of private client-side-only PWAs in the world but developers wanting to build such apps are in for an uphill battle against the status quo and now against Apple as well. I’ve just read a post by Aral Balkan entitled Apple just killed Offline Web Apps while purporting to protect your privacy: why that’s A Bad Thing and why you should care that made me re
iOSのバージョンと Safariバージョンの対応表(2023/11/9 現在 - Qiita
調べ方 Simulatorまたは実機でSafariを起動する https://aprico-media.com/ua を開く メモる Ref: iOS Safariに関する記事 ・Safari Release Note ・Apple セキュリティアップデート ・Web業界的には、iOS 11.3最大の特徴はSafariでのPWAサポート開始だ！ ↑の記事のように、iOSのマイナーアップデート時にSafariがガラッと変わることがあったりします。 なのでこういったタイミングで、動いていたものが動かなくなったり、動かなかったものが動いたりはあるかもしれません。 （対応表が正しいとすると、Safariバージョンは11.0のままでWebkitのバージョンが変わってるみたいですね）
Loading
What’s new for Apple developers Learn about the key technologies and exciting capabilities available in the latest SDKs for Apple platforms. Apple Intelligence Apple Intelligence is the personal intelligence system that puts powerful generative models right at the core of your iPhone, iPad, and Mac. It powers incredible new features to help people communicate, work, and express themselves. Writing
iOS 11 Safari Feature Flags | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I was rooting around in the settings for iOS Safari the other day and stumbled upon its “Experimental Features” which act just like feature flags in any other desktop browser. This is a new feature in iOS 11 and you can find it at: Settings > Safari > Advanced > Experimental Features Here’s
Scrolling Changes Coming to Mobile Safari in Future Update
Apple is planning to make some changes to scrolling behavior in mobile Safari in a future update, making for a more unified scrolling experience. The news comes courtesy of a Hacker News thread discussing Apple's default scrolling behavior vs. the scrolling behavior of webpages that use Google AMP, a discussion inspired by a Daring Fireball post on the subject. Google AMP (or Accelerated Mobile Pa
Safari Dev Center - Apple Developer
Safari for developers Safari is the best way to experience the internet on iPhone, iPad, and Mac. Thanks to blazing-fast performance and industry-leading energy efficiency, millions of users enjoy exploring the web with Safari. Take advantage of powerful new features, advanced developer tools, and cutting-edge technologies in Safari to deliver best-in-class websites and apps. Safari web extensions
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Using Bottom Tab Bars on Safari iOS 15 | Samuel Kraft
Why WebKit supports AVIF but Safari does not
Safari Technology Preview 107 Offers The Usual Bug Fixes and Performance Improvements
iPhone OS Reference Library
Shrinking large background image bug in iPhone Safari
http://teknocat.org/blog/computer-stuff/web-development/show/6/mobile-safari-background-image-scaling-quirk