CKEditor 4 Skin Contest - Instructions

Welcome to the CKEditor 4 Skin Contest. The contest page can be found at the following URL:
http://ck4skin.strutta.com

Contents of this ZIP file

This file includes the necessary technical instructions and tools to properly participate in the contest. It contains a special distribution of CKEditor 4 Beta, with the following folders that are relevant for custom skin development:

• skins/kama/: the source code of the current default skin of CKEditor. This one can be used as the starting point of a custom skin.
• dev/skintuner/: the tool used to help develop and test custom skins. It is also necessary when taking the screenshot to post when entering the contest online.
• samples/: custom skins can also be tested through the set of examples available in this folder.

Creating a Custom Skin

Creating a custom skin is a straightforward process. Please check the online CKEditor 4 Skin SDK for full information.

Taking a Screenshot

Once your skin is perfect and ready, it is time to show it to the world and enter the contest. For that you'll need a screenshot of it.

To standardize the way skins are presented in the contest, all participants are required to use the Skin Tuner tool to showcase their skins. The Skin Tuner is a powerful tool that shows several different aspects of the skin in a single page.

The screenshot of the Skin Tuner page must include the full contents of the iframe space of that page, which include all skin part samples. This can't be easily achieved without a helper tool.

We recommend using Firefox with the FireShot Add-On to take the screenshot properly. Just right click inside the Skin Tuner and select "FireShot > Capture Entire page and ... > Save ...". Then save it as a png file.

Of course, if you are able to produce png screenshots of the entire page using other tools, that's ok as well, as long as the final result looks similar.

A sample screenshot can be found at dev/sample-screenshot.png.

Entering the Contest

With the screenshot in your hands, it is time to enter the contest. Just click the "ENTER NOW" button at the CKEditor 4 Skin Contest page and good luck!