Web Platform Team Blog

Making the web awesome

Archive for the Shapes Category

Penetrating Polygons Explained

Hans Muller has another great blog post focusing on his work implementing the shape-inside feature from the CSS Shapes Level 2 specification. In this installment, Hans explains how he calculates the shape-inside that corresponds to a polygon penetrating an HTML element’s content box. Read all about how the algorithm works and play with Hans’s interactive... 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 →

Shape-padding is on its way for CSS Exclusions

Hans Muller has been working hard on the implementation of the shape-inside feature in CSS Exclusions and Shapes, most recently focusing on adding shape-padding functionality for rounded rectangle shapes (ellipses, circles, rectangles). Shape-padding provides a user the ability to specify how much space exists between their content and the shape-inside. For more detail on how shape-padding... Continue reading →

Getting to the Point with Reflex Vertices

As the CSS Exclusions feature is being implemented, curious challenges come up from time to time. In his latest blog post, Hans Muller describes how the first fit algorithm tackles polygons that have reflex vertices. Be sure to check out the awesome interactive demo in Hans’ post that demonstrates the problem and solution. Continue reading →

Video about CSS Regions and CSS Exclusions at Kings of Code

In December of 2012 I got a chance to speak at the Kings of Code conference in Amsterdam about digital publishing on the web. My talk touched a bit on the current state of digital publishing for devices and how it got to this point. The bulk of the talk covered the pros and cons... 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 →

First Fit Layout Location for Rounded Rectangles

In the past, Hans has explained the first-fit layout algorithm for polygonal shaped exclusions. This algorithm is used to find the topmost location that a content box can fit into. Now he has written up a post on using the first-fit algorithm on rounded rectangle shapes. Interestingly enough, rounded rectangles do not only include rectangles with rounded corners;... Continue reading →

More TPAC 2012

As Dirk mentioned earlier, we had quite a few people from the Web Platform team at Adobe attend TPAC this year. Here’s my summary of what happened for the Regions and Exclusions specifications at the CSS Working Group meeting. Exclusions Rossen Atanassov from Microsoft led this discussion. The working group resolved to close several old... Continue reading →

Exclusions & internal co-ordinate system

Hans has been working on implementing Exclusions for WebKit and has been writing a series of blog posts that outline the rationale for the choices he made while implementing the features. This week he discusses the rationale for why Exclusion Shapes have their own internal co-ordinate system. WeKit has two kinds of co-ordinate systems –... Continue reading →