Custom Maps

Sample_1

Sample_1

To start with coding we basically need Twitter Bootstrap responsive wire frame, jQuery, htmlshim file for early version of browsers. Starting with coding. Bootstrap is placed at the top of in the header section before any other style sheet. The layout for the document is arranged in such a way that sidebar is placed on the left hand side and main context section that is this Google Map is placed on the right side of the page. The dropdowns for color are obtained using Javascript. The link to all the other scripts are placed at the bottom of the Body tag. We also need a link to Google Map API. The version of API depends on the requirement of client or user.

     

Advertisements

Global Hunt

GlobalHunt

This is a on-request created design. This page was started from the root, as a new beginning. The owner of the company asked me to give some latest design to renovate his website, which may give a professional as well as cool look to the website. The work for this layout started from phase 1, i.e. starting from the core by collecting new Assets for the page. Then these assets are arranged on a 1080px Grid using Photoshop. With this I created the PSD File……..

    

Minimal Mobile

Minimal Mobile Home

The logo is aligned Center using Alignment property and below this we have arranged the Navigation Bar using some classes from Bootstrap. The image above is displaying the Tablet Version for the mobile website. In case of Mobile Design we have used Pills for Navigation Bar. Below navigation bar we have icons to display website for different kind of devices like Mobile, Desktop.

    

Minimal

Minimal is one of the most popular PSD File all around the net. For a new beginner its a perfect file to start with. For Professionals also it one of the best PSD to workout with. UI Designers can use differnt frameworks and libararies from Javascript to make modifications in the webpage. This page can itself be used to create a complete well working website. Rather then using multiple pages we can provide info directly into the Modal Windows, which can be further linked to a third level link.


    

VS Learners

VS Learners is a Mobile Website that will run on Mobile, Tablets and other I-Devices. The Website is created using HTML5, CSS2, CSS3, Javascript, jQuery, jQuery Mobile. The Website is created as a third-party client for Lynda.com.

VS Learners

VS Learners

The Logo for the company is designed using Photoshop and its effects like Gradients, Text TOOL, opacity etc. Also added a diagonal pattern which has an opacity of 25%. The Yellow is provided to the page using Theme Roller of jQuery Mobile. The Background to the page is provided using an online asset.

     

Robot The Toy Game – PSD

Robot The Toy Game is a Photoshop Design for a mobile website particularly for tablets and smartphones. The website can be accessed by Tablets users in both landscape and portrait mode. The website will be created using HTML5,CSS2,CSS3, Bootstrap, Jquery etc.The Design of page will be created using 960 grid system from 960.gs

Robot The Toy Game

Robot-The Toy Game