Web Platform Team Blog

Adobe

decor

Making the web awesome

Posts Tagged WebKit

Improving your site’s visual details: CSS3 text-align-last

In this post, I want to give a status report regarding the text-align-last CSS3 property. If you are interested in taking control of the small visual details of your site with CSS, I encourage you to keep reading. The problem First, let’s talk about why we need this property. You’ve probably already seen many text... Continue reading →

HTML Alchemy – Combining CSS Shapes with CSS Regions

I have been working on rendering for almost a year now. Since I landed the initial implementation of Shapes on Regions in both Blink and WebKit, I’m incredibly excited to talk a little bit about these features and how you can combine them together. Don’t know what CSS Regions and Shapes are? Start here! The first... Continue reading →

Freeing the Floats of the Future From the Tyranny of the Rectangle

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, CSS Shapes Level 1, and CSS Shapes Level... Continue reading →

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 →

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 →

Posted in WebKit | Comments Off

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 →