Adobe

decor

Web Platform Team Blog

Making the web awesome

Archive for the Blend Modes Category

CSS Shapes and CSS Compositing & Blending in Safari 8

Last week during his WWDC keynote, Craig Federighi’s slide announced that Safari 8 would include two features that the Adobe Web Platform team has been working on: CSS Shapes and CSS Compositing & Blending. Both features have stable specs in the Candidate Recommendation phase, and implementations on track to ship in other browsers. CSS Shapes... Continue reading →

background-blend-mode now available on Chrome

The Adobe web platform team has been working on the CSS Blending specification. On February 20, the spec progressed to the “release candidate” stage which signals that it is ready for implementation. At the same time, we’ve been implementing the CSS properties in Chrome, Firefox and WebKit. The first CSS property of this specification to... Continue reading →

Using blend modes in HTML Canvas

Canvas blending is an HTML feature for designers and web developers. In this blog post, I  present the syntax and some use cases where blend modes are particularly useful. What are blend modes? To put it simply, blend modes are ways of combining two graphic objects using special mathematical formulas. Recently, blend modes have landed... Continue reading →

Making the Web Sweeter with Food Network and Cupcakes

There are two things we know for sure that almost everyone loves: mobile applications and cupcakes. Food Network brought the two together in a beautiful tablet application called, appropriately enough, Cupcakes! (check it out on Apple’s App Store). Cupcakes! is kind of a cupcake encyclopedia, full of recipes, ideas, tips, and of course, inspirational cupcake... Continue reading →

Canvas blending now available on iOS7 and OSX Mavericks

The recent release of iOS 7, OS X Mavericks and Safari 6.1 added support for several new web features. Among those are CSS Regions and blending modes in canvas. For cool use of Canvas blend modes feature, you might want to check out CJ Gammon’s demo from the graphical web conference in San Francisco. One of his... Continue reading →

Cutting Edge CSS Features at CSSConf.eu 2013

This year, on September 13, front-end web developers and web designers gathered in Berlin for the first edition of CSSConf held in Europe. It was an awesome event packed with highly informative and entertaining talks about features, tools, techniques and upcoming technology that super-charge CSS productivity. I was happy to be on stage and share... Continue reading →

CSS Background Blend Modes are now available in Chrome Canary and WebKit Nightly

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 →

Canvas blending is now in Chrome Canary, WebKit Nightly and Firefox!

After landing in Firefox and WebKit, canvas blend modes are now available in Chrome Canary! Here’s what you need to do check out the feature in your favorite browser: Mozilla Firefox For Firefox, canvas blend modes are enabled by default in the stable version, so there are no prerequisite steps for enabling canvas blend modes. Chrome... Continue reading →