How to Create a Zebra? Smarty, jQuery, CSS3

A "zebra" refers to colouring every n-th row of a table or numbered list, significantly improving readability - especially for long tables. This article covers various ways to achieve alternating row colouring using different techniques: CSS, CSS3, jQuery and Smarty.