CSS Shapes open a lot of design possibilities with the ability to wrap content inside and around custom paths. However, creating the actual shapes used to be a cumbersome process. You’d use an image authoring tool to create paths, export them, maybe adjust them to conform to CSS shapes syntax, import them into your stylesheet,... Continue reading →

Before Adobe’s Web Platform team begins work on a new web standard — whether it’s contributing to a specification or actually implementing a feature — we take some time to really understand the specific problems we’re trying to solve. Additionally, after a feature has been prototyped, we spend more time validating that it works the... Continue reading →

The CSS Working Group published a Last Call Working Draft of CSS Shapes Module Level 1 yesterday. This specification describes how to assign an arbitrary shape such as a circle or polygon to a float and to have inline content wrap around the shape’s contour, rather than the boring old float rectangle. A Last Call draft... Continue reading →

Apple recently announced its official release of iOS 7 . This is a release packed with very significant changes, in particular a radical transition for the iOS user interface design and user experience. Part of the updates to iOS 7 is an upgrade of mobile Safari which comes with multiple new features. One of these... Continue reading →

If you want to check the implementation status of CSS Blend Modes in the browser you are using (or targeting), you can now easily do so by looking at the CSS Blend Modes Browser Support Matrix. When creating this matrix, we took advantage of the awesome work done for CSS Regions. In fact, we used... Continue reading →

On May 28th 2013, we published a new W3C working draft for CSS Regions, one of the features proposed by the Adobe Web Platform team. Here are the most important changes you should be aware of: Renamed the region-overflow property to region-fragment The old region-overflow property, which controlled the behaviour of the last region in... Continue reading →

As part of the CSS Blending and Compositing specification, HTML background blending allows blending of images, gradients and background colors directly from CSS. Let’s say we have an html element with the following: #dummy_element { background: url('azure_by_kurokitsune777.png') no-repeat, blue; } We can now use CSS to blend the background layers of the element (the specified... Continue reading →

For the past two years, the Adobe Web Platform team proposed a number of features to the Web: Regions, Shapes, Custom Filters and lately, Blend Modes. Our team contributed to the implementation of these features in WebKit, Blink and Gecko, with steady help from the communities behind these browser engines.  Today, we are pleased to announce... Continue reading →

Sometimes when you add two foods together, you get something exceptionally delicious. And sometimes when you add two CSS features together, you get something exceptionally useful. CSS Exclusions and Shapes will be one of those exceptionally useful combinations, particularly with new layout systems being designed like CSS Grid Layout. But while recipes can start from... Continue reading →

Update (5/21/13): To see the mobile prototype, check out Creating an Installed Application Experience on Mobile With Web Technologies. National Geographic partnered with Adobe, sharing select content for Adobe’s use to experiment with digital layout. The results mark the beginning of a technical and design collaboration that will look at innovating around layout while responding... Continue reading →