CSS FilterLab is using some cutting-edge technology that is available in the latest Google Chrome Canary and WebKit nightly builds. To enjoy the full experience you'll need to turn a few knobs:
Google Chrome Canary
- Download and install Google Chrome Canary
chrome://flags/in the browser's address bar
- Find the Enable CSS Shaders flag and turn it on
- Find the GPU Accelerated SVG Filters flag and turn it on
- Relaunch the browser
WebKit (Mac only)
- Download and install WebKit nightly for Mac OSX
- Open the browser's preferences panel. Go to the Advanced tab and tick to show the Develop menu in the menu bar.
- In the browser's menu bar select Develop > Enable WebGL
Enjoy CSS FilterLab!
The CodeMirror library is linked as a git submodule. After you clone the project on your machine you'll need to setup the submodules and pull in their code.
cd ./path/to/css/filterlab/ $ git submodule init && git submodule update
File System Access
CSS FilterLab requires HTML5 File System access, but that doesn't work very well when loaded from file:// URLs. For that reason running CSS FilterLab requires serving it from a server. The easiest way to do that on a Mac would be to use python's simple server:
cd ./path/to/css/filterlab/ python -m SimpleHTTPServer
Open http://localhost:8000 in your browser.
Notices, terms and conditions pertaining to third party software are located at http://www.adobe.com/go/thirdparty/ and incorporated by reference herein.
Copyright 2012 jQuery Foundation and other contributors http://jquery.com/
Copyright (c) 2012 Paul Bakaus, http://jqueryui.com/
Copyright (c) 2002-2011 The ANGLE Project Authors. All rights reserved. Use of this source code is governed by a BSD-style license that can be found in the LICENSE file.
For more information go to ANGLE.js
Copyright (C) 2012 by Marijn Haverbeke firstname.lastname@example.org