Off Canvas Navigation with CSS & a Checkbox

minute read. Posted on May 27, 2014 in Code & Design CSS

Off canvas layouts are a popular way of displaying content, especially navigation, hidden from the main viewport. There are quite a few JavaScript and jQuery off canvas plugins, but in the latest revision of my personal blog I decided to attempt the off canvas layout without any JavaScript at all. The solution I came up with surprisingly works just like you’d expect, minus the ability to swipe the off canvas navigation open and closed on touch devices (of course, this could be added with a little bit of JavaScript and a touch library).

Read the full article on the appendTo blog