With modern web layout you can have your content laid out in whatever shape you want as long as it’s a rectangle. Designers in other media have long been able to have text and other content lay out inside and around arbitrarily complex shapes. The CSS Exclusions and Shapes specification aims to bring this capability... Continue reading →
Posts Tagged WebKit
CSS Fragmentation In WebKit
What is fragmentation? The CSS 2.1 specification defines a box model to represent the layout of a document and pretty much everything is a box. Normal flow nodes (e.g. not absolutely positioned) are laid out child by child starting at the top of their parent element box. If an element’s box is too small to fit all the content,... Continue reading →
A look into Custom Filters reference implementation
Over the past two years, my team in Adobe has been actively working on the CSS Custom Filters specification (formerly CSS Shaders), which is just one part of the greater CSS Filters specification. Alongside the spec work, we have been working on the CSS Custom Filters WebKit implementation, so I’ve decided to write this blog... Continue reading →
A Visual Method for Understanding WebKit Layout
My last post was an introduction to the WebKit layout code. It was pretty high level, with a focus on documentation. This post is much more hands on: I will explain some changes that you can make to WebKit’s C++ rendering code to be able to see which classes handle which parts of a web... Continue reading →
Introduction to the Performance-Tests in WebKit
In this post I would like to give a short overview of WebKit’s performance and memory testing framework. Along with a bunch of WebKit geeks, I have been involved in the development process for a while, mostly from the side of contributions to memory-measurement. If I were to summarize the evolution of performance tests in... Continue reading →
Getting Started With the WebKit Layout Code
I am a newcomer to the world of WebKit. Before starting here at Adobe I had never even looked at the source code, so I had quite a bit of learning to do once I started. I’ve done a few things in WebKit since then, but I’m definitely still in the early stages – it... Continue reading →
Exclusion Shape Coordinates Get Logical
Until recently, the code for calculating intersections between lines and exclusion shapes was using its own coordinate system. This was in addition to the two main coordinate systems used in WebKit, physical and logical (sometimes called abstract) from the CSS Writing Modes Specification. After some mulling, Hans decided to do some additional up-front processing and... Continue reading →
Fun with Built-in CSS Filters
With all the buzz around CSS Custom Filters, you’re hopefully aware of all the cool effects you can play around with in Chrome Canary using our CSS FilterLab. While we have to wait for CSS Custom Filters to hit mainstream browsers, you can use CSS Filter Lab to play with built-in CSS filters already available... Continue reading →
Capitalization change for regionlayoutupdate
If you have been experimenting with CSS Regions in Chrome Canary or some other browser built from WebKit trunk, there has been a minor change you may need to account for. If you have code that used the regionLayoutUpdate event, note that the capitalization of this event has changed to regionlayoutupdate to match other DOM... Continue reading →
European WebKit hackathon wrap-up
Between September 22nd and September 24th the Adobe WebKit team in Bucharest organized and hosted an European WebKit hackathon. Why a WebKit hackathon? And an European one for that, you might ask. Well, there are a couple of reasons, having to do with both building code and building communities. Continue reading →