Children's book site is CSS marvel


Zoobean (opens in new tab) 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 (opens in new tab)’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 (opens in new tab)

"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 (opens in new tab) 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 six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, 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.