• Create a 3D Book Animation with CSS

    • Tom Kenny

    For my new book, Photography for Designers, I wanted to do something interesting with the image of the book itself on the website. My first thought was to perfectly render a physical book in Photoshop, right down to the very last detail but then I decided to do something interesting with CSS. With the introduction […]

    Continue reading…
  • A Responsive CSS Background Image Technique

    • Tom Kenny

    While working my day job, I came across the need to make a background image responsive, keeping the same aspect ratio at different widths. The limitation was that we couldn’t change any HTML or back end code so changing it to a simple img was out of the question. I then found the following technique […]

    Continue reading…
  • How to Make the Facebook Like Box Responsive

    • Tom Kenny

    One problem I came into when developing the Origin WordPress theme was integrating the Facebook like box into the sidebar and making it responsive. Turns out, there’s an easy solution with a bit of CSS and a div to enclose the iFrame.

    Continue reading…
  • Create a CSS3 Image Gallery with a 3D Lightbox Animation

    • Tom Kenny

    For the most part, the CSS3 tutorials and examples out there are a little dull. Of course there are some really great examples out there such as Benjamin de Cock’s CSS Playground but most others consist of a drop-shadow here and a few rounded corners there and nothing more. It’s time to start doing something […]

    Continue reading…