HTML5 database with persistence.js tutorial

With persistence.js you can create a local database using JavaScript without a database server and an Internet connection.

Support mobile OS by persistence.js:

  • Android browser (tested on 1.6 and 2.x)
  • iPhone browser (iPhone OS 3+)
  • Modern WebKit browser (Google chrome and Safari)
  • Firefox (LocalStorage or in-memory database with Google Gears fallback)
  • Opera
  • Palm WebOS (tested on 1.4.0) more…

Flash vs HTML5 Trend Analysis

There are countless discussions about the benefits of HTML5 and the end of Adobe Flash, but the main indicator is still, how many people are concerned with the particular subject and as. Articles written or develop programs.

Using Google Trends can be gained an interesting overview of the interest in the two topic, emanating clearly in favor of HTML5.

HTML5 Trend

 Flash Trend

My personal opinion is, that Flash was a very advanced tool for creating web applications and animations, however, it is passed through a variety of disadvantages to meet behind, because too few innovations have been added in recent years:

Disadvantages of Flash

  • SEO is extremely complex, of home made unreadable by Google
  • fixed width website
  • many vulnerabilities
  • it's just a plug-in and must be installed
  • Performance Problem

What not to say, that Flash is not many things better than HTML5 dominates, but also because of the Trendanlyse it is no longer worthwhile to rely on Flash, at Neutentwicklungen.

The Apple does not support Flash on iPad and iPhone is of course a disadvantage not to be underestimated.

Three.js Tween Overview animation options

There is a very good illustration of the kinds of animation (Tweens) in Three.js:

http://www.grasshopper3d.com/profiles/blogs/port-of-robert-penner-s-easing-equations?xg_source=activity (see very good image in the comments)

To incorporate the very helpful: Tutorial Tween three.js

 

A small example of a tween:

new TWEEN.Tween( cube.rotation )
        .to( { y: (cube.rotation.y + Math.PI/2)}, 1500 )
        .easing( TWEEN.Easing.Back.EaseInOut).start();

Debugging Tools für Firefox, IE, Chrome, Safari, Opera

To debug Web pages you always need special developer tools for each browser, because the display changes in any browser or javascript errors occur only in certain browsers. Before you go to work you should absolutely check, from that of the Browser cache is disabled in each browser, otherwise you get a non-current version of the website.

Debugging Tools beim Firefox 15

Goes beyond the well-known and best plugin: Firebug

I use the additional plugins: Web Developer and ColorZilla. Due to good plugins is my development of Firefox browser of choice. more…

Disable browser caching in Firefox, IE, Chrome, Safari, Opera

As a web developer you have to speak with all major browsers and wrangle, To debug with all. To do so,, need definitely 2 Things:

Disable browser cache in Firefox

Goes through the plugin: Web Developer

Just after installation: Disable->Disable Cache->Disable Entire Cache more…

3 Column layout with fixed width

<div class='links'></div>
<div class='mitte'>
</div><div class='rechts'></div>
.links {
    background-color: #CCCCCC;
    width: 253px;
    float: left;
}
.mitte
{
    float: left;
    background-color: #8D8D8D;
    width: 253px;

}
.rechts {
    float: right;
    background-color: #CCCCCC;
    width: 253px;
}