Web Platform Team Blog

Adobe

decor

Making the web awesome

Archive for the Tips and Tricks Category

CSS FilterLab + Grunt.js = Love

A couple of weeks ago we released a new tool called CSS FilterLab. Web designers can quickly learn the syntax of the new CSS Filters specification by using the tool’s drag-and-drop interface. Moreover, the built-in filters showcased in the tool are already supported in stable browsers such as Safari 6 and Chrome, meaning that developers... Continue reading →

CSS Exclusions Now Available Under Flag in Chrome Canary

Chrome Canary now has a flag to enable CSS Exclusions. Note that the implementation of this feature is still in progress, and currently only a subset of shape-inside functionality is available. You can find more information, and demos, on the samples page. Hans Muller has written in much greater detail what shape-inside would allow you... Continue reading →

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 →

An Afternoon of Hacking

Taking a short break from its usual work, the Web Platform Team at Adobe took an afternoon to explore new APIs and authoring tools. As a byproduct, we created a little 2D game called “Dynasteroids”. The objective of the game is to move a dinosaur left or right in order to dodge falling asteroids. 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 →