6 Tools to Make Javascript Development Easily

On July 20, 2016, in HTML5, by James Liu

From last week, I started my new journey of web application development. After I finished a React/Flux web application example, I think it is necessary to summarize some good web application development experience. In this article, I will introduce 6 great tools to help you accelerate Javascript application development. If you have rich Javascript application development experience, this article will be too basic for you. But you are still welcome to give us more good suggestions.
Continue reading »


New Journey of Web Application Development

On July 15, 2016, in HTML5, by James Liu

With 10 years development experience, I just feel a little bit tired on programming career. In the past 10 years, there are several frontend technologies which are created and promoted by companies. From 2006 to present, I have used several technologies including Openlaszlo (an open soruce platform for development of RIA), Flex, Flash, PHP, HTML, CSS, Javascript, Android, and iOS Objective-C and Swift. I waste almost 5 years on RIA development with flash based technologies.
Continue reading »


A Free HTML5 POPUP Window Widget

On February 24, 2016, in HTML5, by James Liu

These days, I am working on HTML5 project. In the project, I need to popup a window with black background mask. When I click on the mask, the popup window will dismiss. This effect is quite simple but it may take time when we want to implement it again. So I put this HTML popup widget here. You can download this HTML5 widget for free.

Demo: Click Button to Popup Window with Black Background

In this demo, I will put an anchor link. When clicking on the link, a text field will popup. When clicking on the black background, the text field will dismiss.

<a onclick="popup()">Open</a>

Import the following javascript in the html:

	<script src="simplePopup.js"></script>
		var myDiv = null;
		function popup() {
			var popupEng = new simplePopup();
			if(myDiv == null) {
				myDiv = document.createElement("div");
				myDiv.style.zIndex = "3";
				myDiv.style.position = "absolute";
				myDiv.innerHTML = "Click Black Background to Dismiss!";
				myDiv.style.backgroundColor = "#FFFFFF";
				myDiv.style.paddingTop = "5px";
				myDiv.style.paddingBottom = "5px";
				myDiv.style.paddingLeft = "5px";
				myDiv.style.paddingRight = "5px";
            myDiv.style.display = "block";

Try the demo: Click to open

Download HTML5 Popup Window Widget for Free

You can download this JS library for free.

Download JS Library


Ajax HTTPs Reuqest in iOS UIWebview

On February 24, 2016, in HTML5, by James Liu

Using Ajax to GET and POST data is general choice when we are developing hybrid applications. In my latest project, I am using cordova (phonegap) to build an iOS app with HTML5, javascript and css. In this app, all conmunication in this app will use AJAX. This approach will extremely increase the project development speed. To enhence the safety, we are using HTTPs when we are using Ajax to get and post data in our mobile apps. With AJAX, we can develop the HTML project in HTMl browsers like Chrome, Safari or Firefox. After we finish the project, we can easily deploy the whole project in iOS and Android with cordova (phonegap).
Continue reading »

Tagged with:  

Build Android App and IOS App with Backbone and Cordova

On October 27, 2015, in HTML5, Other Online Technology, by James Liu

Most of the companies wanna to create both Android app and iOS app to cover all mobile device visitors. To save effort and time, many companies try to choose hybrid development which can create cross platform apps. The ideal result is coding once and running anywhere. Currently, there are several frameworks to help people create cross platform app, such as Cordova, Adobe Air, IONIC. The best advantage of hybrid development is that we can use HTML5, CSS and Javascript to build the native app for Android device, iOS device, Windows device, etc. Of course, not every framework use HTML and Javascript to implement the cross-platform.
Continue reading »

Tagged with: