First Mobile application using Apache Cordova / PhoneGap – Beginner

Phonegap/Cordova is a well known tool for developing mobile applications helping web developers entering into mobile world with their existing skills of HTML5 and CSS3.

Today we will address most critical point for developers who do not know how to start with these tools. I will be making it more self explanatory by adding screenshots for each step alongside.

To understand this tutorial correctly you must be knowing following,

Let us dive in then,
Continue reading

Installing and setting up Apache Cordova / Phonegap environment

Today, We will dive into world of hybrid mobile application development. Being a Web developer what are advancements in my career apart from learning HTML5, CSS3, JavaScript and some arbitrary programming language. Mobile Application development is an answer.

Lets explore some history about Apache Cordova and Phonegap which forms basics of hybrid application development.

What is a Hybrid application?

Applications that uses standard web technologies such as HTML5, CSS3, and JavaScript for cross-platform complaint development. These applications execute inside wrappers targeted platform. They access various device functions via standards-compliant API bindings.

Who can learn this?

  • An existing HTML/CSS/JavaScript developer who want to utilize their general skills to extend a web application to be packaged and distribute it as a mobile application on various platforms.
  • An existing mobile developer who wants to extend an application on more than one platform, keeping same code base.

Continue reading

Drop down menu behind flash


One of the more common issues with embedding a flash object on your home page (or any page for that matter) is that if it is near the navigation and you have CSS drop-down menus, then you may find your drop-down menu getting lost behind the flash object. If you haven’t dealt with this before it can feel like a nightmare, but fortunately it’s a pretty easy fix.

The Problem: You have a CSS based drop-down menu in your navigation and a flash element near it the menus may get “hidden” behind the flash object.

The Solution: Set the z-index of the div holding the flash to 1 and the z-index of the div holding the nav to 2.

In the flash element:

Look for the flash <object> tag and add the following code:

<param name=”wmode” value=”transparent”>

You’ll want to insert this code right below the <param name=”quality” value=”high”> tag and include the code wmode=”transparent” in the flash <embed> tag .

Website templates : are they beneficial?

Website Templates are the best option to save money with good professional website design look for the people who do not have a large budget to devote. Web Templates are pre-designed raw material which are furnished / edit on the online for content insertion, graphic insertion/ modification, inserting company logo, changing styles, changing links, changing flash images etc. Website is becoming more popular and must for today’s small business including small firms. Website plays a major role in this world, without a website no one can get world wide business lead. It carries all the information and messages to world wide for business. Website shows your business image and personality by visiting and looking at the website customer can take up a decision for proceeding further to work with the company to extend the relationship.
How ever owning a good website is most difficult part because it is not so easy and cheap. To get good creative website it is more important to hire a good web designing company or else hiring a good professional website designer job. But in the initially stage of new business there is no huge budget in this case you have good option of selecting good website template. Web site templates are already setup with html coding for getting good design an effective website with a limited time and money.
Website templates come in different varieties of color schemes and designs. They affiliate marketers who have experience in HTML can create website with a great starting point and can redesign the look of the website without going through all the start-up work. Many of them think over web page layout with some basic rules like navigation sections and links which make the website easier to the visitor to use.
Website templates are very user- friendly and work so well for affiliate marketing and advertising.
There are certain benefits and draw backs before considering the website templates:-
- Spend time in choosing and download the best to server best from the free.
- Hiring a professional for minor changes of the whole website will be cheaper.
- Consistent of color and theme
- Search free templates which does not require any link: designed by” for looking website in good professional way.
- Faster in building up website and uploading will give you good visitors and business leads.
- It allows you to change codes and edit, also you can create a new links and more information.
- It does not require any programming language all you need to have is software which allows you to change images, codes and arranging links.
- Saves a lot of time and work.

Difference between Web designer and Web developer

This is what most people are usually thinking of when they talk about web careers. The web publishing group is responsible for creating, posting, changing and maintaining the web pages on a web site. Although there can be many different positions within a web publishing group, the most common is web developer. Many tasks are often associated with the role of web developer. Programmers, graphic artists and site designers all can fall under this catchall title. But generally, the responsibilities are split between the artistic endeavors and the programming tasks. Therefore, we will concentrate mainly on two common careers: web developer (programmer) and web designer (site designer). However, depending on the size of the company and the web development group, these roles can often both be assigned to the same individual.

Web Developer (Programmer)

After the content is created, someone has to take it and format it into web pages. This is the responsibility of the web developer. Using a blend of programming, artistic and business skills, the developer weaves the content into an engaging format to keep folks riveted to the web site. In addition, developers are also involved in overall site design (in conjunction with the web designers) and usability testing. Interaction with network administrators and database administrators is also frequently required.

The main task of the developer is to generate code for web pages. This usually involves the use of a web development tool such as Dreamweaver, FrontPage, GoLive or Visual Interdev. In addition, good web developers are also expected to be familiar with graphic editing packages (such as Adobe Photoshop) since making changes to the formats of graphics is a common task when developing web pages. Therefore, make sure you have training in at least one of these packages (preferably two) prior to applying for a web development job.

Web Designers (Site Designer)

Site designers and web developer roles can be very similar depending upon the organization. However, web designers usually have a more artistic background and training in interface design (as opposed to developers who have more training in programming). The site designer’s main function is to develop an effective interface between the customer, company management and the web development team.

The designer must ensure that the site design helps management effectively communicate its message to the customer while still maintaining customer functionality of the site. This delicate juggling act is more art than science. Often site designers end up being the project managers for the web site since they tend to interface with all groups responsible for development and maintenance of the web site. Therefore, strong communication skills are a requirement of this job.