Web Platform Team Blog

Adobe

decor

Making the web awesome

Archive for the Blend Modes Category

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 →

Web Platform Roundup

As you can probably tell from the constant posts, we over at the Web Platform team like to talk about our work. After all, we think the contributions we’re making to the web are pretty cool. But we only know we’re making a difference when the community at large starts talking. The following is a... Continue reading →