Trouble with first connecting to github

If you’re seeing the following error when you run the command

$ git remote add origin git@github.com:username/Hello-World.git
fatal: remote origin already exists.

or

fatal: The remote end hung up unexpectedly

then these steps will solve your issue

$ git remote rm origin
$ git remote add origin git@github.com:username/Hello-World.git
$ git push -u origin master

First step removes the origin remote which has an incorrect reference.
The next 2 steps will add and push the changes again.

HTML5 – The basics

The whole world is moving towards HTML5 and so are we. Here is a brief introduction to get you started with HTML5.

The Doctype tag: The <!DOCTYPE> tag should be the first tag in your HTML document even before <html>. It tells the web browser about what version of the markup language the page is written in. In previous versions of HTML, there were several possible declarations for the DOCTYPE but in HTML5, there is only one.

<!DOCTYPE html>

The root element for any HTML document starts with the <HTML> tag. The content of this document should have a HEAD element followed by a BODY element.

Sample Code:

<!DOCTYPE html>
<html lang=”en”>
<head>
<title>Test<title>
</head>
<body>
</body>
</html>

Although it is not mandatory to specify the language of the document using the lang tag, it is recommended to specify the primary language.

Some of the new features in HTML5 that’s getting web developers excited about are:

1> Full CSS3 Support
2> Video and Audio using the <audio> and <video> tags.
3> 2D/3D graphics. The <canvas> element is used to draw 2D graphics.
4> Local storage
5> Local SQL database
6> New tags/attributes including but not limited to <header>, <footer>, <section> etc

The other cool thing is that HTML5 introduces new form input elements on which you can specify an input type. By doing this, the browser will take care of validations and even formatting the field data. Some of the new input types include telephone number, email, URL, date and time.

Flash player is dead for mobile devices

Sad news for AIR4Android but Adobe has confirmed that Flash player for mobile devices is officially dead. More here.

As it turns out, we’re not going to stop updating content on this website. The whole world is moving towards HTML5 and so are we. There’s soon going to be a ton of information on this website about HTML5, CSS3 and various JS frameworks. Infact, the scope of this site has just increased from being an AIR for Android site to anything latest/greatest in the mobile world!

AIR for Android – The Basics

The basic view containers for AIR for Android are the Spark ViewNavigatorApplication and TabbedViewNavigatorApplication. Because of the screen size limitations in mobile devices you cannot use the traditional AIR containers like the WindowedApplication. Since tablets fall somewhere in between the mobile and desktop screen sizes, you can also use the Spark Application container as a basic layout container. In the following image below, selecting a View Based Application will generate a ViewNavigatorApplication and the Tabbed Application will generate a TabbedViewNavigatorApplication layout component.

Mobile Settings

Hello world – AIR for Android

It seems like the Flash Builder Burrito license/trial period has expired, so in order to develop AIR for Android apps, you’ll need to download/buy Flash Builder 4.5. Of course all you need to develop AIR4Android apps is the free Flex 4.5 SDK but it is infinitely easier with the IDE. Also, if you’re a student, you can get a free copy of the Flash Builder. Check this link.

Once you have Flash Builder 4.5 ready, go to File->New->Flex Mobile Project to create a new project. Follow the following instructions as shown in the screenshots. (Explanations coming soon)

Project Location

Mobile Settings

Apps will be filtered in the Android market based on the permissions you set, so make sure to set them right.
Permissions

Make sure that the Application ID is a unique key as the Android market uses this to identify your app.
Build Path

Click on the image to enlarge to View Source.
Code

Select the phone/device of your choice where you’d like to emulate the app.
Run Configurations

Clicking the button will launch this website in a browser window from the AIR4Android app.

You can download the source of this Hello World project here.