はてなブックマーク

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

The srcset Attribute. Below is a image (img) element with both a regular src attribute as well as a srcset attribute. There is a stylesheet that sets the dimensions of images to 400x400px. On browsers without srcset support, the value of the src attribute will be used as the image src [default image]. On regular resolution displays, the 1x variant of the srcset will be used [1x image]. On displays

The popular SunSpider JavaScript benchmark suite was originally released by the WebKit team over five years ago, in December 2007. It was engineered to be a balance of real JavaScript code from the web, and to serve as a blueprint for the sorts of language-level operations that the WebKit JavaScript engine should, but was as yet unable to, optimize. And optimize we did: intriguingly, the original

A lot of great changes happened this week. There was the first stable release of WebKitGTK+ 2, which is the GTK+ port of WebKit2. A lot of cleaning has been going on and WebKit is getting smaller and building faster. The bot infrastructure has also been moved over from old servers to their new home independent from chromium. New behaviors Some new features this week: Allan started support for CSS4

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 a series of posts designed to help people interested in hacking on WebCore’s rendering system. I’ll be posting these articles as I finish them on this blog, and they will also be available in the documentation section of the Web site. The DOM Tree A Web page is parsed into a tree of nodes called the Document Object Model (DOM for short). The base class for all nodes in the tre

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