Faster querySelector(All)s, PNaCL and a new Popup Blocker

Published on in Blink, Google Chrome, Last Week, tech. Version: Chrome 30

Last week yielded 1,798 commits made by 419 authors in the Blink, Chromium, Skia and v8 repositories. This article discusses them, up to revision 214188.

Takashi landed a fast path for querySelector(All) containing a single ID, class or tag selector, yielding impressive performance improvements (up to 9480%!). Meanwhile, Alpha improved decoding time of gif images by 12%.

Chrome for Android has gained support for MSE and ClearKey-based EME, which may or may not be available depending on the device’s configuration. Anti-aliasing has also been disabled for the Chrome 29 release.

The API exposed by the experimental IME API has been aligned with the latest Editor’s Draft. document.implementation.hasFeature() will now return true for any non-SVG feature and the equally exotic compareDocumentPosition() method also had it’s behavior aligned with the spec. Blink has also switched to using v8’s implementation of typed arrays rather than its own.

The proprietary -webkit-svg-shadow CSS property has been removed. Height calculations for tables which use spanning rows have been improved and parsing of the “column: auto <length>” syntax for the multi-column CSS properties has been implemented.

A new experimental Web Platform feature (available in about:flags) are unprefixed Shadow DOM APIs. Exciting!

Other changes which occurred last week:

  • Support for PNaCl has been enabled by default for all desktop versions of Chrome 30.
  • The in-development Chrome-based Android WebView will have “Mobile” in its user agent for phones.
  • Jochen improved Chrome’s popup blocker to not load popups at all, rather than just hiding them.
  • The HTML Imports feature will be respecting the set Content-Security-Policies.
  • Various improvements and additions were made to the chrome.downloads extension API.
  • Chrome’s “You are offline” page will now display a fancy dinosaur!

There won’t be an update next week because I’ll be on holiday in New York :-). Thanks for reading!

Read more (3 comments) »

Remoting for Android, WeakSets, Numeric Literals and less apple-touch-icon.png requests

Published on in Blink, Google Chrome, Last Week, tech. Version: Chrome 30

Last week yielded 1,880 revisions created by 453 authors, spread over the Chromium, Blink, Skia and v8 repositories. This post discusses them, up to revision 212993.

After introducing the very first beginnings of an Android application for Remoting, Solomon also made it possible to view, pan and zoom around whilst viewing a desktop’s screen on an Android device. Even though basic input support is still under review, this seems to be gearing up towards becoming a very interesting project.

Erik introduced two new ECMAScript 6 features in v8 last week: the WeakSet object, which holds weak references to the objects within the set, and support for binary and octal literals such as 0b10101 and 0o567.

The atob() and btoa() methods are now being exposed to Web Workers and their argument isn’t optional anymore. The onerror callback in for workers will now receive the column at which it occurred as a parameter, a partial implementation of the CSSOM part of CSS Variables landed and basic support for SHA-1 is now available as part of the new Web Crypto implementation.

The text-decoration-{color, style, text} CSS properties will now be supported within ::cue rules for media subtitles. “extend-to-zoom” became a supported viewport descriptor, CSS @keyframes rules can now be scoped and SVG animations will be paused when the document gets detached.

Other changes which occurred last week:

Thanks for reading!

Read more (no comments) »

Fractional spacings, MouseEnter and MouseLeave and Promises

Published on in Blink, Google Chrome, Last Week, tech. Version: Chrome 30

Last week, a total of 1,861 changes landed in the Chromium, Blink, Skia and v8 repositories, made by 435 different authors. This update talks about commits up until Chromium r211631.

Fractional CSS letter-spacing and word-spacing values are now allowed, also enabling much smoother transitions for these properties. Chromium Mobile will no longer fire requests for apple-touch-icon(-precomposed).png if there is no corresponding <link> element present. When Content Security Policy blocks a call to eval(), an error report will now be generated, and such reports will now be served with application/csp-report as the content type.

Blink now supports the “mouseenter” and “mouseleave” events for capturing whether a mouse is on an element. Raphael updated Blink’s implementation of the “capture” attribute, which has been changed to be a boolean attribute. Work on HTML imports is continuing as well, which is a feature part of Web Components. Android’s Media Source Extensions implementation is booking good progress as well, now passing all the layout tests.

The Promise implementation in Blink is seeing good progress with six new methods having been implemented and the feature now being available behind the Experimental Web Platform Features flag. The set() method of a typed array won’t throw on invalid arguments anymore whereas DataView accessors with no arguments will start throwing exceptions. Three iterator methods were added to the Array prototype: Array.prototype.{values, keys, entries}.

Other changes which occurred last week:

  • Mike renamed “Experimental WebKit Features” to “Experimental Web Platform Features”.
  • The “devicemotion” event can now be enabled in about:flags on Chrome for Android.
  • An entry in about:flags is now available to debug pages in Chrome for Android without needing adb!
  • A new double-tab-drag-zone gesture has been introduced to Chrome on Android.
  • While there was a performance regression, work in enabling a Direct3D 11 backend is underway.
  • Chrome’s virtual keyboard implementation now supports Dvorak as a new layout.
  • A generic UndoManager was implemented which will power undo and redo for bookmark editing.
  • Skia is implementing a PDF parser. Sounds fancy!

Thanks for reading!

Read more (no comments) »

Last Week in Blink: Promises, ALPN support and font mime-types

Published on in Blink, Google Chrome, Last Week, tech. Version: Chrome 30

A wild Last Week post appears! That’s been a while. This post describes the 1,326 commits which landed in the Chromium, Blink and v8 repositories during the 4th of July US holiday week, until Chromium r210375.

Chrome DevTools windows won’t disappear anymore when an interstitial page is being displayed, for example warnings about self-signed certificates for developer environments. Six more mime-types will now be recognized as valid font mime-types, decreasing the number console warnings for invalid mime-types used for fonts. Development on CodeMirror as a code editor continues, adding syntax highlighting for six more languages.

Raphael is working on re-implementing the “capture” attribute as a boolean, matching the specification. Textual input and textarea elements now recognize the “inputmode” attribute, indicating what kind of characters the field is expecting (for example, alphabet or kana). The <dialog> element now supports the ::backdrop pseudo-element, support for border-image-repeat: round was added and filters will now be applied whilst honoring the effective zoom level. Finally, “compositionstart” events now include the text which is being replaced.

Dominic has been working on Blink’s custom element implementation, which now triggers events when an element enters or leaves a document, or encounters an attribute change. Blink now uses v8’s ArrayBuffer implementation instead of its own, and saw implementations of Promise.prototype.{catch, then}. The AudioBufferSourceNode and OscillatorNodes from the Web Audio API now support the “onended” event.

Other changes which were made last week:

Interesting topics on blink-dev include an Intent to Implement for unregisterProtocolHandler() and isProtocolHandlerRegistered(), an Intent to Ship for the “mouseenter” and “mouseleave” events, an announcement for Opera 15 and a lengthy discussion on supporting animated WebP images. Thanks for reading!

Read more (3 comments) »

Welcoming Blink, Chromium’s new open source rendering engine

Published on in Blink, Google Chrome, tech, WebKit.

There have been some interesting movements in the browser landscape lately: Opera moving away from Presto, Chromium for Android and Firefox Mobile making a stronger stand on mobile platforms. Web Platform has less fragmentation right now than it ever had before. Today, the Chromium project introduced Blink: a new open source rendering engine based on WebKit.

I’ve been a contributor to the WebKit project for a few years now, written hundreds of updates about the project and even published dozens of those on the official weblog, Surfin’ Safari. It’s a great community, one that I’m very proud to be a member of. Working on WebKit introduced me to a great amount of people and taught me an incredible amount of things.

To improve the open web through technical innovation and good citizenship.
A few weeks ago, Max Heinritz introduced the new Chromium Feature Dashboard, listing not just the implementation status, but also the maturity, interoperability and testability of Web Platform features in Chromium. With Blink, Chrome is taking this one step further and are introducing strict guidelines new features have to adhere to.

To fulfill our good citizenship mission, we need to be careful to add new features to the web platform in a transparent, responsible, and compatible manner. We measure success as moving the open web platform forward as a whole, not just as moving one implementation forward.

I’m both positively surprised by and very confident in the way that Google’s Web superstars (Alex, Dimitri, Paul, Eric and many others) are making this happen. Google projects, including Dart, NaCL and others, are subject to the same guidelines in introducing their changes to the Web Platform as any other participant, including our very strong preference for standardization and compatibility with other browser vendors.

Compatibility risk will be one of the most important decision criteria for enabling new web platform features for the new engine. A launch process has been introduced for new features which touch the Web Platform, which includes several public announcements and reviewing steps. This is not just limited to Googlers: whilst getting commit rights for Blink is similar to the Chromium project, there is a fast track available for WebKit contributors. I’m also very hopeful that we’ll soon be welcoming the first non-Google OWNER to the project as well.

I’m a Web Developer. Thank you for making my life even more complicated!
Paul Irish asked a question about a month ago: what is WebKit? WebKit implementations are not homogenous: they differ in anything from the code used for downloading resources to the mechanism used to display pages, as well as in supported set of features. Chromium, Safari and other implementations of WebKit should already have been considered as separate testing targets.

All browsers’ latest versions are absolutely excellent from a technical perspective. With Ian Hickson’s HTML parsing algorithm and all the rendering engines coming increasingly close to passing the entire CSS 2.1 test-suite, we’re almost at a point where the true foundations of layout on the Web are both standardized and interoperable between implementations. The Chromium project now intends to take this further by working with the W3C to make sure both conformance tests and the testing infrastructure can be shared between different browsers.

Another area which I’m very excited about is that Blink will be following Mozilla’s ideas in regards to vendor prefixes. While support for legacy WebKit vendor prefixes will be maintained in the short term, Blink will strive to avoid shipping vendor prefixed features to the Stable channel altogether.

The end of the Last Week in WebKit articles?
I’ve published 114 articles describing changes in the WebKit and Chromium repositories that occurred in the week before. I do still intend to continue doing so, however, they will address Blink changes instead of WebKit’s. I won’t be posting updates to the Surfin’ Safari anymore, although I am definitely grateful I had the chance of doing so for a number of months.

Personally, I’m really excited about this change. The scale of the Web Platform asks for an ecosystem which doesn’t just welcome participation and collaboration, but also has a fair and healthy amount of competition. Jake made a great analogy about Blink’s potential in the near future: Blink can do for layout and rendering what V8 did for JavaScript, although the improvements will be more gradual.

I’m confident that Chromium can use Blink to increase diversity, while driving innovation, as it has shown to be capable of in the past. For more background on the why, I encourage you to read Alex Russell’s great post on the announcement of Blink. Justin also sheds some light on the security implications of this change, and Paul Lewis also shared some nice insights.

Read more (4 comments) »

CSS parsing errors, JavaScriptCore updates and font load events

Published on in Google Chrome, Last Week, tech, WebKit. Version: Chrome 27

1,226 Chromium changes and 717 WebKit changes add up to a total of 1,943 changes last week.

Work has started enabling Web Inspector to report various CSS parsing errors, such as mismatched braces and missing semicolons. A menu has been added allowing you to customize the panels displayed in the toolbar, capitalization of menu items has been made consistent and IndexedDB data may now be cleared.

WebKit’s Content Security Implementation will now fire a “securitypolicyviolation” event whenever violations occur, and will include the effective-directive key in violation reports as well.

Intrinsic sizing (i.e. min-content) now work on flexible box elements, and parsing for the -webkit-each-line value for CSS 3’s text-indent property got implemented as well. The Grid Layout implementation now supports default grid item sizing, and can parse the grid-auto-{column, row} CSS properties.

Apple’s JavaScript engine ninja Filip Pizlo filed a series of bugs covering some future plans and experiments in regards to JavaScriptCore. Ideas including changing it to a quadruple-tier virtual machine, allowing it to do more optimizations for longer running scripts, running the optimizer on awesome new threads and experimenting with LLVM as a backend.

Other changes which occurred last week:

I unfortunately won’t be able to share an update next week. Be sure to check out Šime Vidas Web Platform dailies instead!

Read more (2 comments) »

Cleaner URLs in Error Messages and Updated UI for the Calendar Pickers

Published on in Google Chrome, Last Week, tech, WebKit. Version: Chrome 27

752 WebKit and 965 Chromium commits, a total of 1,717 changes, did land last week.

Error messages displayed in Web Inspector’s console which contain long URLs will now have them shortened. WOFF fonts will now be recognized with their newly registered mime-type and the touchmove event will now be emulated within iframes. The Ace editor, which also powers the Cloud9 IDE, has been made available in the Inspector as an experiment.

The “width” and “height” directives for media queries now take full page zooming into account. The desktop version of -webkit-text-size-adjust has been removed, selector indexes got an extra bit meaning WebKit supports 8191 selectors again and a video’s line-height won’t inherit to its cues anymore.

Quite some updates were done in light of Web Components: touch events are now supported in shadow trees and work is underway to allow any HTML element to be a superclass of a custom element. The Web Audio API now exposes the maximum number of available channels, the WEBGL_compressed_texture_atc extension is now available and the default background of dragged images is now being properly set.

Regions will now be automatically generated for David’s new multiple column implementation. Meanwhile, Julien has made various changes to the CSS Grid Layout implementation, namely parsing of the the grid-{start, before} properties and the grid-{end, after} properties, resolving them and extending the grammar to support two positions for the grid-{row, column} properties.

Other changes which occurred last week:

Have a good week!

Read more (1 comment) »

Threaded HTML Parsing for Chromium and unprefixed CSP 1.1

Published on in Google Chrome, Last Week, tech, WebKit. Version: Chrome 27

A total of 1,783 changes were committed last week, 1,065 for Chromium and 718 for WebKit.

Web Inspector will now show raster tasks on the Timeline Panel. Furthermore, the various profiling tools, such as the JavaScript CPU Profiler, canvas profiler and the memory snapshots, have been moved in separate panels.

When enabling the CSP 1.1 implementation, the new directives will now work on the unprefixed header as well. The meta referrer directive will now be honored for window.open() calls,the X-Frame-Options header accepts the “ALLOWALL” value and no callback is required anymore for requesting a notification permission. Rules for up and down-mixing channels in the Web Audio API have been implemented, and collapsing rules for empty buttons have been corrected.

The :first-letter pseudo element is now being ignored in flexible box elements. Dave rewrote the stacking model for the new multiple column implementation to be spec compliant and made sure transformed objects show up. CSS Shaders’ non-separable color and luminosity blend modes have been implemented, and parsing of CSS’ transition-property property has been improved.

Work on refreshing the calendar picker in WebKit continues with various new components, among which support for scrollbars, a month popup view and a table view for the calendar itself.

One feature that is nearing completion is the threaded HTML tokenizer. Now that more tests have been fixed and some optimizations have been done, it’s been enabled for Chromium’s DumpRenderTree. Shortly thereafter Adam enabled the threaded parser by default for all of Chromium.

Other changes which occurred last week:

That’s all again.

Read more (1 comment) »

Audio Indicators, document.register() and unprefixed Mutation Observers

Published on in Google Chrome, Last Week, tech, WebKit. Version: Chrome 27

Last week saw 745 WebKit commits and 935 Chromium commits, totaling up to 1,680 changes.

Chrome OS has increased the priority of tabs which are playing audio, making it less likely that they will be discarded in low memory situations. More exciting, tabs which are playing audio will now have a visual indicator displaying the volume, making it a lot easier to determine where these random sounds are coming from.

Web Inspector’s Timeline panel now shows the networking events associated with Web Sockets, i.e. creating the socket and receiving a reply to the connection handshake. The “undefined” keyword will now be lowlighted, and Pavel landed a basic console.table() implementation.

An implementation of Web Components’ document.register() function landed, making it possible for JavaScript to register custom HTML elements with WebKit. Date and time input fields now accept “24” as a valid hour as well and the “reflected-xss” directive has been implemented as part of the experimental CSP 1.1 implementation.

Iframes now recognize the “allowfullscreen” attribute, whereas they already accepted the prefixed version. Furthermore, Mutation Observers have been unprefixed as well!

Several more tests have been fixed in the new multi-threaded HTML parser by implementing missing functionality and support for edge-cases. There are 25 failing test-cases remaining and the number of open issues is decreasing.

Dave continued his work on the new Region-based multiple column implementation, also taking the first steps towards specification-compliant painting of columns. Meanwhile, Julien continued his work on the implementation of the CSS Grid Layout Module, finishing the auto placement algorithm implementation.

Other changes which occurred last week:

  • JavaScriptCore’s script source cache has been shrunk, yielding significant memory usage improvements.
  • Support for the canvas’ Path object has been enabled for all ports, and separately in Chromium.
  • An implementation of the DFG JIT for MIPS architectures has been implemented.
  • An OpenCL implementation of the FEMerge filter landed, with many more on their way.
  • The WebKitGTK port updated their media controls to be CSS-based rather than GTK-based.
  • A Chromium flag has been added to toggle availability of the Apps and Extension DevTool.
  • All settings in chrome://flags can now be reset to their default state through a new button.
  • Stephen Chenney has become a WebKit Reviewer. Congratulations!

And that’s last week again..

Read more (1 comment) »

The “ch” unit, the Threaded HTML parser and Chromium 27

Published on in Google Chrome, Last Week, tech, WebKit. Version: Chrome 27

Today’s update discusses the 725 WebKit and 990 Chromium commits that landed last week, totaling up to 1715 changesets.

Chromium’s version number is now equal to the number of species Captain Jean-Luc Picard made contact with in Star Trek’s The Next Generation series: 27.

Within Web Inspector, an option has been added to split the Elements and Source sidebars in two separate panes. DOM nodes are now being highlighted when hovering over them in the Debug panel, the ability to have whitespace indicators now is experimental and the re-do feature in the text editor will now move the selection past the text.

Support for the “ch” CSS unit has been added to WebKit, which matches the width and spacing of the “0”-glyph in the current font. The @supports at-rule now has improved error recovery, the “src” property in @filter at-rules can now be parsed correctly and the correct behavior of the -webkit-margin-collapse property has been implemented.

Changing an element’s border or padding will now re-layout its children, intrinsic widths on replaced elements -such as images- are now more accurate and Opera’s Morten Stenshorne made WebKit stop ignoring column rules wider than the gaps. CSS Exclusions’ shape-inside property now defaults to outside-shape, and shape-inside now supports circles.

Support for the ::distributed() pseudo-element, part of the Shadow DOM specification, has been implemented. Pablo also landed support for the CSS.supports() method, which is the DOM API specified in the CSS Conditional Rules module.

The threaded HTML parser has been updated to pass all layout tests, and the preload scanner has been enabled as part of the background parsing thread after parts of it have been updated to be therad safe.

Other changes which occurred last week:

Cheers for reading!

Read more (no comments) »