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.
Read more
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.
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>
<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";
popupEng.popup(myDiv);
}
</script>
Try the demo: Click to open
You can download this JS library for free.
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).
Read more
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.
Read more
Several weeks ago, I got an email from google. The abstract is that Google search will analyse your website and find how if your website is mobile friendly, fully responsive in other words. And this factor will affect the search result on mobile. For most of old website, it is a hard job to make the whole website mobile friendly. But there are more and more traffic from mobile. So what will you decide to do, change your website fully responsive or lost traffic from mobile? Now let’s start to make our website mobile friendly.
Read more