Monday, September 29th, 2008
ZAP: Same timeline for effects across browsers
Category: JavaScript
Well, Mikael decided to develop ZAP:
ZAP is a widgetplus project which boosts javascripts up to eight times the speed without having to resort to a plugin of any sort, by using a completely new approach that takes into account how the javascript engine is actually written. It’s also making sure – automatically – that the set speed remains exactly the same regardless of what browser you use.
Once set to a certain speed, it stays that way – regardless of the browser being used.
This page is a teaser of what is to come, the actual launch is next month, and developers will then have a tool that resolves a very important pain that webdevelopers will be facing now when the new age of browser wars has come to the javascript engine itself.
To see how it works:
-
-
<script type="text/zap">
-
zap:init:{
-
-
this.el.style.color="white";
-
this.el.style.backgroundColor="gray";
-
zap.next;
-
-
element(".test").item(0).text:
-
done;
-
element(".test").item(0).setstyle("height:;width:200;border:black 1px solid;backgroundColor:orange;color:brown;fontFamily:verdana;fontSize:11;padding:4px;position:absolute;top:10;left:10;display:none");
-
zap.next;
-
-
element(".test").item(0).text:
-
done;
-
this.a=1;
-
this.b=0;
-
this.c=0;
-
zap.next;
-
-
element(".test").item(0).textAfter:
-
<b>Start:</b> var this.c::
-
done;
-
zap.next;
-
-
element(".test").item(0).runcircle(150,150,1,this.a);
-
this.a=null;
-
element(".test").get(0).style.display="block";
-
this.c++;
-
element(".test").item(0).textAfter:
-
var this.c:: done;
-
zap.next;
-
-
zap.newspeed(1);
-
zap.repeat(360,-2);
-
zap.next;
-
-
zap.newspeed(25);
-
element(".test").get(0).style.backgroundColor="yellow";
-
this.b=0;
-
element(".test").item(0).text:
-
<b>You dig?</b>
-
done;
-
-
...
-
Related Content:
Uh, you forgot to close your link tag… (open a, ZAP: newline, no close a)