はてなブックマーク

We’re pleased to announce that basic support for the new slot-based shadow DOM API we proposed in April is now available in the nightly builds of WebKit after r190680. Shadow DOM is a part of Web Components, a set of specifications that were initially proposed by Google to enable the creation of reusable widgets and components on the Web. Shadow DOM, in particular, provides a lightweight encapsula

I am proud to formally announce that you can now build and run top-of-tree WebKit for iOS in the iOS Simulator. We have updated the pages on webkit.org with details on building for iOS Simulator. Early Warning System (EWS) bots for iOS are running to help contributors catch build breakage before a patch is landed. The EWS bots build 32-bit iOS WebKit for ARMv7 hardware. We chose to build this conf

On the heels of the 25th birthday of the Web, WAI-ARIA 1.0—the specification for Accessible Rich Internet Applications—is a W3C Recommendation, thanks in part to WebKit’s implementation. Most major web applications use ARIA and related techniques to improve accessibility and general usability. Many web developers are familiar with the simple parts of ARIA, such as retrofitting roles in legacy or o

Previously I touched on what exactly the Page Cache does and outlined some of the improvements we’re working on. This post is geared towards web developers and is therefore even more technical than the last. In this article I’d like to talk more about unload event handlers, why they prevent pages from going into the Page Cache, and what can be done to make things better. Load/Unload Event Handlers

This is the first of two posts that will center around a modern browser engine feature that doesn’t usually get a lot of press: The Page Cache. Today I’ll talk a bit about what this feature is, why it often doesn’t work, and what plans we have to improve it. Page Cache Overview Some of you might be more familiar with what other browsers call their Page Cache. Firefox calls theirs the “Back-Forward

visionOS 26 brings a major update to an important building block for the spatial web: The HTML model element is enabled by default, with a new API that’s ready to use today.

This is a simple example of how to use CSS transformation and animations to get interesting-looking behavior. The three rings are constructed using a simple JavaScript function that creates elements and assigns them a transform that describes their position in the ring. CSS animations are then used to rotate each ring, and to spin the containing element around too. Note that you can still select t

Indentation Use spaces, not tabs. Tabs should only appear in files that require them for semantic meaning, like Makefiles. The indent size is 4 spaces. Right: int main() { return 0; } Wrong: int main() { return 0; } The contents of namespaces should not be indented. Right: // Document.h namespace WebCore { class Document { Document(); ... }; namespace NestedNamespace { class OtherDocument { OtherD