Web Platform Team Blog

Adobe

decor

Making the web awesome

Archive for the Tips and Tricks Category

CSS Custom Filters Now Available Under Flag in Chrome Canary

Chrome Canary now has a flag to enable CSS custom filters. In Canary, enter “about:flags” in the address bar, find “Enable CSS Shaders”, click “Enable”, and relaunch Canary. Then, check out our samples to explore the power of custom filters! For an explanation of Chrome flags, check out Christian Cantrell’s video. Continue reading →

Crowdsourcing a feature support matrix using QUnit and Browserscope

This article is loosely based on @razvancaliman’s awesome post. The idea While we were working on the CSS Regions feature, one of the things people asked, from quite early on, was a way of telling what CSS Regions features were supported in what version of the different browsers out there. In the beginning, “Get the... Continue reading →

Check out Crowdsource Testing with QUnit and Browserscope

Web applications need to be tested on multiple browsers and versions to make sure users get a consistent experience. There are multiple ways to do this, some more manual than others.  Recently Razvan Caliman wrote a post about how to crowdsource your testing with QUnit and and Browserscope.org, an opensource testing platform. If you create JavaScript... Continue reading →

SVG animations, CSS Animations, CSS Transitions

Recently there was a discussion in the SVG working group how SVG Animations (based on SMIL Animations), CSS3 Animations and CSS3 Transitions contribute to the animation sandwich model for SVG presentation attributes. SVG presentation attributes First, what are SVG presentation attributes? In SVG, a subset of all CSS properties can be set by SVG attributes.... Continue reading →