I m a g e  S o r t  Visual Learning

Tutorial

Background knowledge. You may be asking yourself, do I need to be a programmer to get this to work for me? The answer is no! The heavy lifting has already been done. You just need to know what text to modify where (and we'll walk you through that below). A basic understanding of hypertext markup language (html) and cascading style sheets (css) is desirable, but we have commented both the html and css source code, so that modifications should be straightforward.
Tools. Altough html editing software like Dreamweaver has distinct advantages, at the most basic level, all you need is a text editor.
Examples. To get an idea of how the sorts work, please take a look at and try our sample two-category sorts: one in which it doesn't matter into which box an object gets sorted and one in which objects must be sorted into specified boxes.
Modify. Once you've reviewed the examples and would like to create your own sorts, click here to walk through the commented source code. You will not need to write any code from scratch. Once you understand what text needs to be modified here and there, you can simply download our templates and modify at will, including replacing our sample images with your own. The source code of each download is also commented, to make it easier to modify or to create any additional number of category sorts (five, six...forty-two?!, the only limiting factor is practicality).