WebKit Features for Safari 26.4
ContentsCSSWebTransportWeb APIJavaScriptHTMLSVGSafari Compact tabsWeb AuthenticationWeb InspectorMedia CaptionsWebRTCAdditional resolved issuesFeedback March has a way of bringing a lot of new things to WebKit — and this year is no exception. With 44 features, 191 fixes and one deprecation, Safari 26.4 is a release packed with web technology. What’s most exciting? CSS Grid Lanes brings masonry-sty
Implementing Vertical Form Controls
Safari 17.4 adds vertical writing mode support for form control elements across macOS, iOS, iPadOS, and visionOS. Setting written text vertically is commonly observed in East Asian languages. For example, Chinese, Japanese, and Korean (CJK) may be written vertically and read top-to-bottom, flowing in lines from right to left. Similarly, Traditional Mongolian is a vertical script that flows in line
The Focus-Indicated Pseudo-class :focus-visible
The “focus indicator”, as its name suggests, visually indicates (often with a kind of an outline) that an element has focus. That sounds simple enough, and it perfectly describes what the old :focus selector makes possible. However, for decades now, whether a browser will actually display a focus indicator natively has been a considerably more complex affair. Focus indicator on different elements
Web Animations in Safari 13.1
With the release of iOS 13.4, iPadOS 13.4, and Safari 13.1 in macOS Catalina 10.15.4, web developers have a new API at their disposal: Web Animations. We have been working on this feature for well over 2 years and it’s now available to all Safari users, providing a great programmatic API to create and control animations using JavaScript. In this article we will discuss the benefits of this new API
Responsive Design for Motion
WebKit now supports the prefers-reduced-motion media feature, part of CSS Media Queries Level 5, User Preferences. The feature can be used in a CSS @media block or through the window.matchMedia() interface in JavaScript. Web designers and developers can use this feature to serve alternate animations that avoid motion sickness triggers experienced by some site visitors. To explain who this media fe
Designing Websites for iPhone X
The section below about safe area insets was updated on Oct 31, 2017 to reflect changes in the iOS 11.2 beta. Out of the box, Safari displays your existing websites beautifully on the edge-to-edge display of the new iPhone X. Content is automatically inset within the display’s safe area so it is not obscured by the rounded corners, or the device’s sensor housing. The inset area is filled with the
[css-variables] User Agent properties and variables · Issue #1693 · w3c/csswg-drafts
Here is WebKit's proposal for a new type of property and variable. User Agent Properties This specification defines an open-ended set of properties called User Agent properties, which, among other things, are used to define the substitution value of constant() functions. Name: (various) Value: <declaration-value> Initial: (nothing, see prose) Applies to: all elements Inherited: yes Percentages: n/
![[css-variables] User Agent properties and variables · Issue #1693 · w3c/csswg-drafts](https://cdn-ak-scissors.b.st-hatena.com/image/square/e086c7d8da90e00efafc91631327787e4c2401e8/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Fca2d9a0a79bcf5d8e02ed5fa9c6cdc5aa43fad14d20571b09b23242fb3128fcb%2Fw3c%2Fcsswg-drafts%2Fissues%2F1693)
iOS 8 and iPhone 6 for web developers and designers－firt.dev
next evolution for Safari and native webapps by Maximiliano Firtman Twitter @firt About Newsletter Published 12 years ago (17 Sep 2014) About 14 min reading time #ios #safari #webview iOS 8 is finally here while the new iPhone 6 and iPhone 6 plus will appear in a few days. New APIs appears on scene, as well as new challenges to support the new screen sizes. I’ve been playing with the final version
Overview of WebKit’s CSS JIT Compiler
When it comes to performance, JavaScript generally gets the headlines. But if you look carefully, web pages are not all JavaScript, the performance of all the other parts also has a dramatic impact on the user experience. Observing only JavaScript gives a single point of view over the complex mosaic that is web performance. Making CSS faster and more scalable is an area of research in the WebKit p
New Mobile Safari stuff in iOS5: position:fixed, overflow:scroll, new input type support, web workers, ECMAScript 5
(note: this is based on the first iOS5 beta [9A5220p] and is subject to change on final release) It looks like there’s finally some major improvements in mobile Safari, some of which I’ve found below on my “first glance” after downloading the SDK. Chime in if you find anything yourself! Bad news firstMuch to my disappointment, browser-based file uploads are still not supported (input type=“file”),
Loading
Videos Watch and learn from our engineers as they show how to bring the latest web technologies to your websites on Safari. Watch Safari and Web Videos Forums Ask questions and discuss a variety of web development topics with Apple engineers and other developers. Apple Developer Forums Safari Extensions Safari extensions are a powerful way to add new features to Safari. They are built in Xcode wit
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Release Notes for Safari Technology Preview 250
News from WWDC26: WebKit in Safari 27 beta
Safari 12ではユーザがインストールしたフォントをfont-familyに指定できない - Qiita
GitHub - mockko/livereload: LiveReload applies CSS/JS changes to Safari or Chrome w/o reloading the page (and autoreloads the page when HTML changes)