zebra striping
Appearance
English
[edit]Noun
[edit]- The alternation of plain and coloured backgrounds to aid readability where a document contains a table with rows of data or similar.
- 2009 December, John Allsopp, Developing with Web Standards, New Riders Press, →ISBN:
- Rollover techniques, for example, once required JavaScript, but have been possible with CSS for many years now. The same thing is true of table-row zebra striping, which until recently could only be achieved by using additional markup on
tr
elements, or by using JavaScript to dynamically add this markup. […] One of the most common ways of styling data tables, both in print and on the web, is to alternate the background colors of rows of data—a technique sometimes referred to as zebra striping. Typically, zebra stripes are implemented in HTML and CSS by applying a class such asodd
oreven
to every other row in the HTML markup, then using a class selector to apply a background color to odd, even, or both classes of row.
- 2012 July, Tim Wright, Learning JavaScript: A Hands-On Guide to the Fundamentals of Modern JavaScript, Addison-Wesley, →ISBN:
- Listing 10.4. Zebra Striping Function […] We again used the autocomplete search form application to illustrate how to apply Ajax methods to the codebase. We then moved on to extending libraries through plug-in development and used a zebra striping function as an example.
- 2012 August, Marco Casario, Nathalie Wormser, Dan Saltzman, Anselm Bradford, Jonathan Reid, Francesco Improta, Aaron Congleton, “Chapter 5: Tables and Lists”, in CSS3 Solutions: Essential Techniques for CSS3 Developers, Friends of ED, →ISBN, Solution 5-1: Zebra-striping table rows, page 99:
- When you have to present a large amount of data, it’s very important to preserve readability. Zebra striping is the method of alternating the color of rows in a table. This method has been used in print for many years and only recently have web designers been trying to spread its use on the Web. […] In this solution, we provide an example that shows you how you can create a zebra-striped table by setting different colors for odd and even rows of the table.
Further reading
[edit]- Zebra striping on Wikipedia.Wikipedia