Thanks to the great work by Max Vujovic, Michelangelo de Simone and others on the Adobe Web Platform team, all blend modes for CSS fragment shaders have landed in the latest versions of Chrome Canary (with the CSS Shaders flag turned on) and Safari WebKit Nightly builds. Max has a blog post up on his personal site with... Continue reading →
Archive for the Web Platform Features Category
Canvas blending is now in the Firefox release channel
A couple of months ago we had a blog post about adding blending in Canvas. At the time, the feature was only in the nightly builds of Firefox and Webkit. We’re excited to see that version 20 of Firefox now has this feature enabled by default. Here‘s a CodePen that shows blending in action: Open it in the... Continue reading →
Fidus Writer: foxy CSS Regions spotted in the wild
Fidus who? Remember the SourceFabric team from a while ago? Well, not only their BookJS project is coming along nicely, but it’s also been picked up by other projects. The latest of them is Fidus Writer. In a nutshell, Fidus Writer is Google Docs meets LaTeX (for mortals). It takes the nice ideas of LaTeX... Continue reading →
CSS FilterLab: A Visual Playground for Custom Filters
Most of us have used filters in applications like Photoshop to transform images in any number of amazing ways. And unless you’re doing strictly print work, there’s a good chance most of those images found their way online. Filters are such an integral part of the process of bringing visual content to the web that... Continue reading →
CSS Regions and Exclusions on Mobile
It’s very cool to see contributions from Adobe’s Web Platform team land in the release version of Chrome (CSS Regions and CSS Exclusions are both available behind the generic “Enable experimental WebKit features” runtime flag), but I have to say, there’s something extra cool about them showing up in the Chrome Beta for Android. Now... Continue reading →
Adaptive Web App UI with CSS Regions
By allowing text to automatically flow from one box to another, CSS Regions bring the power and flexibility of complex layout to the web. This makes it easier to build pages with layout similar to traditional newspapers and magazines, but it goes beyond that. A recent code contest with CSS Regions on CodePen showed us... Continue reading →
Defining Presentational Boxes with Shadow DOM
A while back I wrote about Generating Boxes in CSS where I suggested extending pseudo-element syntax in CSS to create presentational boxes. I proposed a new mechanism for adding an arbitrary number of ::before and ::after pseudo-elements to extend what we have now. This was intended as a first step towards more box generation in... Continue reading →
Discontinuing CSS Localizations
Accessibility is very important for us at Adobe. We are involved in different boards and committees to make the web more awesome but also more accessible. Yesterday we announced to work on a new specification called CSS Localization. The idea was to get rid of the language barrier on web technologies starting with CSS. Web... Continue reading →
CSS Localization
Background The Adobe Web Platform team is quite multilingual – we have native speakers of Catalan, Chinese, Dutch, English, French, German, Hungarian, Italian, Japanese, Romanian, Russian and Tamil included in the team. So we find it particularly taxing for everyone to have to code entirely in English. We have a new proposal for the CSS... Continue reading →
Penetrating Polygons Explained
Hans Muller has another great blog post focusing on his work implementing the shape-inside feature from the CSS Exclusions and Shapes 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 →