Posts Tagged CSS3

With all the buzz around CSS Custom Filters, you’re hopefully aware of all the cool effects you can play around with in Chrome Canary using our CSS FilterLab.  While we have to wait for CSS Custom Filters to hit mainstream browsers, you can use CSS Filter Lab to play with built-in CSS filters already available... Continue reading →

The Quest for the Graphical Web was an experimental presentation we put together to tell the story of how the web is evolving from a graphical perspective. You can watch the full recording of the presentation from the Create the Web event.  A web version can be viewed online at thegraphicalweb.com.  We’ve also open-sourced the... Continue reading →

After detailed discussion with members of the CSSWG, a decision has been made to incorporate the CSS Shaders specification into the CSS Filter Effects specification. As a result, the feature known as Shaders will now be referred to as Custom Filters. For more information, check out the CSS Custom Filters page.  Samples are also available... Continue reading →

A couple of posts back, Hans Muller began outlining an algorithm for determining where to start layout within complex shapes. His initial algorithm only determined what positions were candidates for beginning layout. Recently, he has completed the algorithm to select the correct position. Check out his blog for the details and an awesome demo. Continue reading →

A couple of months ago, we posted a blog post on bringing blending to the web. Since then, Nikos Andronikos from Canon and I have been busy integrating feedback in the draft spec and we presented it to the CSS working group in May. At Google I/O Vincent Hardy also gave an overview of the capabilities. If... Continue reading →

Test the Web Forward took place in San Francisco last weekend and we are happy to bring you the gory details of what went down! In short, we had more than 70 people writing about 90 tests (and reviewing a similar number) for at least 9 CSS and SVG specifications! The Beginning The Web Platform... Continue reading →

CSS Exclusions promises to open up a new class of magazine-style layouts for the web. As you might imagine, the feature also brings with it a bunch of compelling engineering challenges. One example is efficiently computing the intersection of the horizontal boxes that represent inline content with the inside or outside of polygonal exclusion shapes.... Continue reading →

With the addition of CSS transitions and transforms, web developers can create interactive content with relatively simple markup. Understanding how to use these features with SVG, which has its own transform and animation systems, can be a little difficult. For example, let’s take a look at a simple interactive element, which animates its color and... Continue reading →