Free Blackberry Playbook PSD file

written by Web designers London on October 10, 2012 in Freebies with 3 comments

Create a responsive navigation

In this post you will learn how to create a responsive navigation. Now with more and more people viewing websites on all different media devices, it is important you cater for the millions of smart phone users.

In this tutorial we will looking at a standard web page layout that when viewed on a smaller screen size the main navigation disappears and is replaced with a menu drop down icon, that when clicked displays the navigation. Take a look at what we will be creating here.

So lets get started, firstly we will start with the HTML mark up before the HEAD tag we need to insert the jQuery code. We are linking to the latest jQuery code.

<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>

<script>
$(function(){
var nb = $(


3 Responses to “Free Blackberry Playbook PSD file

  1. Pingback: Blackberry Playbook | Mockups, PSD Freebies


Leave a Reply

Your email address will not be published. Required fields are marked *