Blog

Easy Off Canvas Menu

Easy Off Canvas Menu

More and more the distinction between native app and web app are blurring. One of the design techniques that came into being from native apps is the off canvas menu. This technique has made its way over to web apps. But for whatever reason, it is somewhat confusing to understand to the front end developer. We are used to seeing and interacting with things that we can see on the screen at that time. In this tutorial I hope to give you a good base on how to create an off canvas menu and how to animated it using CSS and jQuery.


Grunt JS Basics Part 1

Grunt JS Basics Part 1

The world of a front end developer is an ever changing one. New tools come out seemingly every day. So when I heard about this tool called Grunt, I went to go check out it's home page to learn what it was and how it could help me out. As soon as I saw that it used the commandline, it scared me away. With a background in design, the commandline was foreign to me. And quite frankly I didn't like it. Little bit later I bit the bullet and learned Grunt. And boy is it awesome. In this multi-part tutorial I hope to explain what Grunt is, why to use it, and how to install it and set it up in the most painless way possible.


Working with REM and Viewport Sized Typography

Working with REM and Viewport Sized Typography

Ready to geek out? Ready to use some typography that isn’t based on px? Enter the world of REM and Viewport sized typography. Each one is it’s own world so we are going to take it slow, go over how they are used and some of the advantages and disadvantages of them. So let’s get started and learning.