Search

Getting a native App feeling with HTML5, CSS3 and Javascript, Part 3

In this third part of how to get a native app feeling with HTML, Javascript and CSS we will build a basic but solid navigation system. This is where we start building our application and influence our know-how from part 1 and part 2.

While my colleague at Point Software, François Scheurer, is working on his next article of how to make a chess game in the Scala programming language, we will use our know-how gained in the last two parts of this series to build the frontend of the game.

Read more

Getting a native App feeling with HTML5, CSS3 and Javascript, Part 2

In the second part of this blog series I will introduce you to the terrible world of touch event handlers and working around mobile Safari’s behavior issues in JavaScript. Touch events are a very sensitive feature and therefore a good knowledge about the calling stack of the default events is required. I will also refer to a snippet which will give you an idea how to create splash screens and icons for your application.

Read more

eventer.js – Event and Task Management in Javascript

If you are building a big client-side Javascript application, things like custom events for GUI updates and their listeners can cause big headache. Especially if you are not managing them on a central place.

Javascripts only way to simulate custom events is a polling-like setTimeout() or setInterval() mechanism. I will not further explain why it is usually better to use a recursive setTimeout() instead of a setInterval(). If you want to learn more about their differeces, John Resig (the creator of jQuery) has written a very deep article about timers.

Introduction

Recursive function calls with a setTimeout() can be confusing when having 20+ timers. You better cache their timer-ID, otherwise you

Read more

Getting a native App feeling with HTML5, CSS3 and Javascript, Part 1

Introduction

The world has significantly changed after smartphones has been released, especially after the first iPhone. Therefore mobile applications became popular very quickly. Since I own an iPhone, I was excited how people around the world got fascinated for mobile applications, also known as apps. The more frustrating it is as a web developer, not being able to write own mobile apps in a native way.

Many features native apps do support, seem to be impossible to realize only with HTML, CSS and JavaScript. In this blog series you will see, that it is possible to get the native app feeling within a web application!

Read more

WebSocket versus Comet – Real-Time Web Applications

Introduction

Many web application developers have tried to develop a high performance web application with real-time behaviors. A common example of such an application could be a communication web platform like a chat application. A message sent by a user should be transmitted in real-time to other users.

Years ago I tried to develop a chat web application but until now it has not been so easy to achieve. I would like to show you how easily and clearly it can be implemented today.
There will be a comparison of the different approaches to develop a real-time web application which will show that it has never been easier to achieve it before.

The approaches I want to compare are the “new” WebSocket technology and the “old” Comet approach. First you will see how difficult it was and how easy it is today to write a small communication platform. You will also get the easy and clear source code of the communication platform through the WebSocket technology. This article does not cover a complete WebSocket description but a short insight of the WebSocket technology advantages and a practical usage.

Read more