:kids — an nth-child tester

:kids — an nth-child tester

:kids is a simple tool to test various structural pseudo classes (e.g. :nth-child, :first-child, etc.) in a very visual way. Enter a selector and see how the grid changes.

You can check it out over on CodePen: http://codepen.io/sacha/full/cAJEo

:kids was designed to be easy and fun to use. Although there are other tools that serve a similar purpose, some of them are rather complicated or not that pretty.

By the way, this is my first shot on Dribbble. Thanks to @Ben Hubbard for the invite.


keyboard shortcuts: L or F like Z toggle zoom