Andrew Maxwell

Website Update: Updated Books Layout

March 28, 2011

Have you ever had a personal project that you wanted to do but never got around to it?

I’m finally settling into my new job and getting back into working on my personal projects, and the one that I have been wanting to tackle for a while was the layout for the books that I read on my site.

Goals with the New Layout:

  • Easier to scan books that I have read
  • Use modern CSS3 for added visuals
  • Hide content until the user wants to see it
  • Tablet and phone friendly

Books Layout Before:

Books Layout After:

Check out the new section yourself:

Let me know what you think about the updated layout and if you have any suggestions on how I could make it better.

Also, if you are curious on how I did this, feel free to ask, I am more than happy to share the code and help out if you get stuck.

2 Comments on “Website Update: Updated Books Layout”

  1. CandidCalum


    Just commenting to say I really like how you’ve implemented the layout of your Books page, especially the improvements from the previous version. I’m wondering how you’ve added each of the books you’ve read. Have you hardcoded each book, added each book to a database, or used an API from another service which lists the books you’ve read?

  2. Andrew

    First of all, thank you.

    The way that the books layout is done uses the “custom post type” which can be added to any installation with a bit of programming. And from there I built a layout that using only HTML/CSS to show the books and the book info.

    If you want, I would be more than happy to share the code that I used for this page, custom post type and layout.

Leave a Reply

You must be logged in to post a comment.