CSS3 3D top shift menu

In this tutorial I will show you how to create animated 3D navigation menu (with images) with CSS3 only (JavaScript-free ). We will be using the power of CSS3 effects like perspective, box-sizing, transforms, gradients and transitions. You can use this menu in order to make a professional look of your website.

In order to continue reading please follow the orifinal article - CSS3 3D top shift menu

Facebook API – Get friends list

In our recent tutorials I told you how to import your contacts from google. Today I decided to make similar tutorial, but for facebook api. I think that it can be very interesting for you to get a list of your friends. We are going to use Facebook’s API (javascript api) to build today’s example.

In order to continue reading please follow the orifinal article - Facebook API – Get friends list

How to create simple and effective design template

Today we are going to use jQuery mobile library again. Today I’m going to show you how to create simple, but very effective webdesign template for your website. Our template consists of header (with small logo), navigation menu, main content area (2-column grid layout with custom design boxes) and footer. More, we can say that this is a fluid layout, which means that it looks great with any resolution of your monitor. Welcome to try it.

In order to continue reading please follow the orifinal article

How to create a stylish setting page

In our new tutorial I would like to show you how to create really modern and stylish settings page. Lets assume that you’ve had an own project. And, you are looking how to create admin panel for your project with some settings. If so – just continue reading and check our demonstration. In order to make this page with options I use jQuery mobile library. I think that this is really great library to create such pages as settings page.

In order to continue reading please follow the orifinal article

How to get your Google+ profile info and friend's activity using the Google JS API

Today I would like to tell you about several interesting things. It is Google JavaScript API v3 and new generation of jQuery Templates – JsRender. I will show you how to setup authentication with Google (OAuth 2.0) and perform some API requests. One of them is obtaining info of logged-in member, and second one is obtaining an activity feed of your friends. Another side of our tutorial is jQuery templating. I will show you how to render HTML content using templates.

In order to continue reading please follow the orifinal article