JavaScript
Article
By Simon Willison

Lists that don’t look like lists

By Simon Willison
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

Russ Weakley, author of the impressive Listamatic CSS demonstration, recently received an interesting challenge to create a TV remote control navigation bar using CSS. The anonymous challenger argued that this exampled disproved Russ’s assertion that using a list for navigation doesn’t limit the page designer.

Never one to shirk a challenge, Russ provided a detailed response, including a mock-up of a remote control constructed from an unordered list. It’s a nice enough demo but it does still have an air of list about it. For rock solid proof that a list can be shaped in to pretty much any navigation design you could possible want, look no further than Dave Shea’s CSS Sprites, in particular this beautiful example of a list converted in to a set of irregularly shaped overlapping rollover images using nothing but CSS.

--ADVERTISEMENT--

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?