Children's book site is CSS marvel


Zoobean is a children's book recommendation service where parents can endorse books using helpful tags and filters to help find books relevant to their child’s interests.

It's the latest from Bearded’s RWD portfolio. "We're making websites for the constantly changing multi-device web, and responsive is the best tool we have at our disposal for working with this medium," says designer Matt Griffin.

  • Read all our CSS3-related articles here

"All sites we're making are responsive by default," Griffin continues. "We've got our eyes open for new solutions and better tools will come along. But I think the philosophies and perspectives we’ve developed thanks to RWD will stay relevant."

Zoobean sports an elegant off canvas filtering system that acts like a drawer menu and allows for an easy selection of filters regardless of the size of your screen. It complements the main navigation by making browsing the catalogue of books a cinch.

There are some other lovely subtle touches too. The CSS animation for toggling the main menu playfully wobbles and fits nicely with the fun nature of the content and design.


This showcase was originally published in .net magazine issue 244.

Liked this? Read these!

Have you seen any inspirational examples of website design recently? Let us know in the comments!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.