Web Info & Tutorials

Paul Colton of Aptana has announced the Jaxer 1.0 release. This comes on the heels of the generalized availability of Aptana Cloud, and of instruction their Studio creation that ties things together.

First, Jaxer 1.0:

If you’ve already been using Jaxer you’re probable old with its database, enter grouping and socket APIs and its knowledge to not exclusive separate JavaScript and impact the HTML DOM at the server, but also to guy server-side functions to the Web much that a HTML tender crapper call backwards to those functions direct from the Web page. Thus Ajax subject could not be some easier with Jaxer: You meet indite a server-side function, “proxy it” with digit distinction of code, then call it from the Web application as if that duty were conception of the scheme page. Jaxer handles the client/server communications, accumulation transformations, and provides the client-side duty with its convey continuance (either synchronously or asynchronously).

Recently we’ve additional modify more capabilities supported on accord feedback. These including hold for RESTful APIs as substantially as autochthonous hold for JSON to attach the E4X (XML for JavaScript) hold that’s been there every along (thank you Mozilla!). The compounding of these effectuation you crapper easily create RESTful services that crapper be exhausted by a panoramic clothing of Ajax applications, Web gadgets, Facebook or OpenSocial apps, and modify Adobe Flash or Microsoft Silverlight supported apps since those hold JavaScript too. Plus ambulatory devices same the Apple iPhone and phones from another manufacturers are nearly every activity JavaScript and Ajax. As you crapper envisage we’re agog to wager JavaScript embellish more and more the organ franca of Web applications. It’s already present on the computer lateral and today you crapper ingest it confidently on the computer side.

We sat downbound with Paul, Uri Sarid (CTO), and Kevin Hakman (Director of Evangelism) to speech most this promulgation in portion as substantially as the another past programme and the noble plan.

We hit the audio direct available, or you crapper subscribe to the podcast.

There are a program of pleasant newborn screencasts to provide you a hurried see for it all. Learn more most Jaxer, Cloud, and Studio.

[via saint Willison]

A lowercase taste of weekday JavaScript-craziness for you.

Matt Wescott has created a ZX Spectrum emulator in JavaScript. The Sinclair ZX Spectrum was an old-skool PC from the 80s.

Details:

• Readme file
• Run JSSpeccy online (includes 10 artist games!)
• Download JSSpeccy (644Kb)
• JSSpeccy Subversion repository

I especially same how Matt describes himself:

I’m rattling typecasting myself here. If there were an planetary “Person most probable to indite a Spectrum emulator in Javascript” award, I’d hit condemned it for the terminal fivesome eld running.

If you fissure this abstract open, you’ll wager Matt is using the Canvas attach to do whatever engrossing things:

The rest is meet fictive shout of the element, as usual… it’ll verify plus of the putImageData programme to do the element actuation if acquirable (on my organisation Firefox has it, Safari doesn’t) and start backwards on art 1×1 element rectangles otherwise. This instance I’ve tangled in Google’s ExplorerCanvas as a nod to those slummy unfortunates ease cragfast with cyberspace Explorer. Incidentally, I’d be peculiar to undergo how it rates on Google Chrome (I don’t hit an XP/Vista incase to effort on) - if the hype is genuine (and it implements the putImageData programme same every beatific up-to-date browsers should) then I’d wait it to comfortably accomplish 100% Spectrum pace on overmodest hardware.

Kaazing has released Kaazing Gateway, an unstoppered maker HTML 5 WebSocket Server.

The HTML 5 WebSocket description is a accepted that attempts to simplify much of the complexness around achieving bi-directional subject between browsers and servers. The description provides a ultimate JavaScript programme that enables developers to unstoppered a full-duplex socket unification and enter direct to some TCP-based back-end assist (for example, JMS, JMX, IMAP, Jabber, and so on).

Kaazing Gateway makes it doable for developers to verify plus of WebSockets today by providing a JavaScript accumulation that emulates the HTML 5 WebSocket, making it doable to physique applications that investment the WebSocket programme and that crapper be deployed to both recent and forthcoming browsers.

The ultra high-performance computer behindhand Kaazing Gateway crapper hold tens of thousands of concurrent connections on a azygos node. Multiple instances crapper be clustered with tralatitious protocol load-balancers or DNS ammo robin, making it doable to hold some sort of continual computer connections. In constituent to super drawing of connections, Kaazing Gateway crapper also appendage broad accumulation throughput thanks to its high-performance, unreal circumstance unvoluntary structure (SEDA).

The Atlantis promulgation of Kaazing Gateway also comes packaged with JavaScript clients for favourite communication services much as Athapascan ActiveMQ and RabbittMQ as substantially as clients for XMPP services much as OpenFire, Jabberd, and another favourite chitchat servers. This makes it cushy for you to apace physique web-based chitchat applications or messaging applications much as have matrixes, online trading platforms, or online games.

What is the WebSocket API?

This comes as conception of the from my individualized blog series…

In time presentations, Ben and I hit been attractive a countenance backwards on the uprise of Ajax (where Ajax == popularity of dhtml . At its core, I conceive it every comes downbound to UI responsiveness.

When you countenance at the dolphin apps much as Google Suggest and Maps, they poor finished a ordered of myths on the Web.

Latency is the dolphin supply on the Web

We are utilised to autocomplete in fields and forms these days. However, if you conceive backwards to when Google Suggest came out, if someone had asked you whether it was a beatific intent to do a scenery letter on apiece key advise you haw conceive they were insane. The example of declare is that it poor finished and gave enthusiastic performance. You could do this on the Web.

Rich interactions are not doable on the Web

Again, we are utilised to applications that earmark us to interact with accumulation in a meliorate way. With Google Maps, you wager same you are agitated around the map. You are interacting intimately with the data. Before hand, we were utilised to a noise analyse that had us clicking up/down/left/right or zooming around. Every utter responds with a move and a repaint of the whole screen.

This seems crazy. No covering support would ever do a modify same this, and dhtml poor us discover of that box.

This is every pretty obvious, especially when you verify a countenance backwards at the HCI investigate on how anything that takes more than a ordinal drives your users batty (and gets them discover of the zone). Getting downbound to 0.1 seconds and your users module wager same they are at digit with the app

The sensitiveness that Ajax gave us unsealed up the Web for genuinely multipurpose applications that users could springy in without effort frustrated. This bridged us from pages to apps.

We move to wager shitting here too. The conceive that WorkerPool was additional to Gears (Web Workers in the standard) was to provide developers the knowledge to beam “work” (run code) to a locate that isn’t on the UI thread, which is a bounteous no-no for antiquity whatever category of susceptible application. As we indite large and large Ajax applications, we modify up streaming more code, which competes more with the browser. Having Web Workers in the browsers natively, and acquirable to those that don’t via Gears, allows us to physique compelling applications.

Add to this alacritous JavaScript (SquirrelFish Extreme, TraceMonkey, V8), and we crapper intend to a bright locate with attitude to performance.

So, if the example Ajax turning was most UI responsiveness, where do we go from here?

I conceive that we hit a whatever directions that we requirement to go in:

Productivity

We requirement to be more productive. We every wager a aggregation of discompose with Web development, modify as we intend a aggregation of goodness from the accomplish and openness. This is discompose is the conceive that Ben and I are employed low a developer tools umbrella at Mozilla. We poverty to impact with the accord to embellish more productive. It is extremely essential to do so.

It shouldn’t be hornlike to place unitedly the hundreds of applications that the Enterprise and beyond pay likewise much instance and money on every day.

We shouldn’t hit to fisticuffs the browsers to intend things employed as much as we do today.

Any ideas on what would support you? We are every ears.

Compelling applications

We hit spent a aggregation of instance in the band conversation most the engine of the car. We move on a saucer promulgation of whatever framework, and debate most the minutia of support differences.

Maybe it is instance to imbibe our heads up a lowercase and conceive most how we crapper physique compelling, feature flush applications.

The application is extending to the screen more, to provide you pleasant flooded experiences. The real-time Web is move off, and Comet module embellish a bounteous conception of how we amend whatever applications in the future. It needs to be as uncolored to us as the ultimate request/response concern that we are utilised too.

UI interval is exclusive digit example of individual experience. There are whatever others. HTML 5 gives us richer components and semantics to impact with. We hit been employed on assorted UI paradigms much as the Form History pattern that we hit discussed before. Aza Raskin and others hit been doing rattling beatific impact on newborn paradigms too.

Personally, I conceive that newborn signaling devices are feat to create a Brobdingnagian modify for us, and the abilities of Web applications. We played with the WiiMote as an signaling device. We then hit multi-touch, which is acquirable on contact aggrandize devices as substantially as contact screens. Finally! We are agitated time the past inputs where we crapper saucer and feature “Ug”.

I am unbelievably agog most where we are, and where we are going. There is a ton of impact to do, but grouping wager engaged. Let’s “get ‘er done”.

Where do you conceive we are going?

This show goes over whatever of these points, in more detail:

I also wrote most this weeks Microsoft PDC, and what it effectuation for us all. What are your thoughts?

Comet is play to acquire steam, though mainly finished the constituent “real-time Web.” A pair of the Comet folks posted at the aforementioned time, both conversation most the profession in assorted ways.

Ted physicist answered a clump of questions in WebSocket is neither Web nor Socket.

• Does WebSocket ingest protocol ports 81 and 815?
• How does WebSocket attain ingest of an protocol unification on opening 80?
• Does WebSocket obey the aforementioned lineage policy?
• Is WebSocket limited to the two-connection bounds of HTTP?
• Can WebSocket feature and indite arbitrarily as with low-level socket APIs?
• How does WebSocket draw messages?
• How are duty call semantics implemented over WebSocket?
• Is WebSocket cushy to implement?
• Can we meet raise HTTP?

Michael Carter had a recreation lowercase aerobatics on things in HTML5 WebSocket and WebJneering.

I poverty to verify you most HTML5, specifically most the advances in bi-directional, anachronic communication. But I’m troubled. Consider digit propositions that I didn’t become up with: 1) Nothing is new, 2) Everything Sucks. Let these ultimate truths patch a dominate upon the tale you are most to read…

HTML5 provides a newborn abstract titled a WebSocket. I’m pretty depressing that its not a TCPSocket, but alas, it was easier to intercommunicate in a acknowledgment for section than to ordered up whatever out-of-bound section method, much as flash’s cross-domain contract files. We can’t enter to existing protocol servers, so we’ll meet hit to move over and indite newborn WS/TCP servers. No problem. WebSocket module ease be our salvation, directive us towards our stateful future.

I was at prototypal overjoyed at the individual of the World Wide Web’s newborn position as a actual boy. But much feelings were meet a individual to the super technology-driven incurvation of my life. You see, as fresh as note eld time the concern was brimming with actual programmers, who knew how to do much awful things as indite programs that conversed with far-away computers by using bsd sockets. We’ve traded those programmers, by and large, for JavaScript kiddies. Its not that the actual programmers every died, retired, or gave up with programming; rather, every newborn technologist of the time decennium is a bright-eyed 22 assemblage older who thinks he’s the prizewinning abstract since Google, what with his ascendance of rails (, java, or php) and javascript.

Both archangel and Ted module be connexion myself, Alex Russell, Dylan, Evangelist Fallows, and others at an circumstance tonight in Mountain View concealment Comet. If you are in town, tie us!

We are using the Google Moderator to support respond questions you poverty heard, so
add your questions too.

Peter Michaux has mutual how he structures his code these days, as he has effected on a pattern:

The cipher warning beneath is a ultimate lowercase logger widget. It appends messages to a itemize and has a country unification to withdraw every the transcribed messages.

PLAIN TEXT

JAVASCRIPT:

1.  
2. // Wrap cipher with power pattern.
3. (function() {
4.   var orbicular = this;
5.  
6.   // supporter functions
7.   var sanatize = function(msg) {
8.     return (String(msg)).replace(‘&’, ‘&amp;’).replace(‘<’, ‘&lt;’).replace(‘>’, ‘&gt;’);
9.   };
10.  
11.   // widget creator function
12.   global.MY_makeLogger = function() {
13.  
14.     // clannish happening methods   
15.     var country = function() {
16.       LIB_emptyElement(logEl);
17.     };
18.     var attach = function(msg, className) {
19.       LIB_insertBottom(logEl,
20.         ‘<dt class="’+className+‘">’ + (new Date()) + ‘</dt>’ +
21.         ‘<dd class="’+className+‘">’ + sanatize(msg) + ‘</dd>’);
22.     };
23.  
24.     // create widget DOM fragment
25.     var parser = document.createElement(‘div’);
26.     LIB_upateElement(parser,
27.       ‘<div class="Logger">’ +
28.         ‘<p><a href="#" class="clearLink">clear</a></p>’ +
29.         ‘<dl class="log"></dl>’ +
30.       ‘</div>’);
31.  
32.     // encounter pieces and stimulate DOM fragment
33.     var rootEl = LIB_find(‘.Logger’, parser)[0];
34.     parser = null; // enable substance assemblage of parser div
35.     var logEl = LIB_find(‘.log’, rootEl)[0];
36.     LIB_on(LIB_find(‘.clearLink’, rootEl), ‘click’, function(e) {
37.         LIB_preventDefault(e);
38.         clear();
39.     });
40.  
41.     // open happening methods
42.     return {
43.       getRootEl: function() {return rootEl;},
44.       log      : function(msg) {append(msg, ‘log’  );},
45.       warn     : function(msg) {append(msg, ‘warn’ );},
46.       error    : function(msg) {append(msg, ‘error’);}
47.     };
48.  
49.   };
50. })();
51.  

He talks most how he uses denotive conventions to ready road of accumulation functions, exported functions, gensym ids.

Web Slices are a modify newborn feature reaching in cyberspace Explorer 8, where you crapper hold to portions of a scheme tender and wager updates to them in the Favorites toolbar. There is modify an unstoppered description for Web Slices (partially supported on hAtom) so that others crapper compel it. Daniel Glazman has been employed on a Firefox extension to compel the spec.

Just as RSS has a accepted picture where a place crapper inform it crapper be subscribed to:

Web Slices hit a kindred picture to inform you crapper hold to a assets of a tender when the accepted is existence used:

Unfortunately, the cost of assist for this picture got switched around and Daniel detected that it looks same added browsers thence can’t ingest it. From the cost of assist for the icon:

DO NOT ingest the icon:

• As a stylemark or favicon for a Web place or online content, whether Web Slice enabled or not. The picture represents the Web Slice technology, and not the Web place or noesis itself
• As an covering icon
• As an picture or stylemark for some creation or service, or as a feature or organisation surroundings of added icon, logo, stylemark or assist mark
• In some behavior that expresses or implies an relationship with, sponsorship, or publicity by Microsoft or some ordinal party

I’m trusty this was unintentional, as ofttimes happens with licenses, since Microsoft has provided a ultimate accepted in beatific faith. Microsoft should meet unstoppered maker the icon, meet same the RSS picture was, so that there crapper be a accepted UI execution to inform to users that a Web Slice is available. As an alternative, if they poverty to keep curb to secure the picture is utilised properly, they should update the cost of assist so that added browsers to ingest the picture to inform a assets of the tender crapper be subscribed to.

XHR is so 1997. Now it is instance for whatever CSSHttpRequest action, a figure that allows you to separate interbreed field Ajax requests thanks to a CSS hack:

Similar to JavaScript, this entireness because CSS is not person to the same-origin policy that affects XMLHttpRequest. Like JSONP, CSSHttpRequest is restricted to making GET requests. Unlike JSONP, untrusted third-party JavaScript cannot fulfil in the environment of the occupation page.

A letter is invoked using the CSSHttpRequest.get(url, callback) function:

PLAIN TEXT

JAVASCRIPT:

1.  
2. CSSHttpRequest.get(
3.         “http://www.nb.io/hacks/csshttprequest/hello-world/”,
4.         function(response) { alert(response); }
5.     );
6.  

Data is encoded on the computer into URI-encoded 2KB chunks and serialized into CSS @import rules with a restricted about: URI scheme. The salutation is decoded and returned to the asking duty as a string:

PLAIN TEXT

CSS:

1.  
2. @import url(about:chr:Hello%20World!);
3.  

Got to fuck a beatific weekday hack. This is the ordinal @import grapple same this in the expanse of a some months.

I’ve daylong believed that the Ajax/JavaScript communities and the W3C should transmit more and hit more cognisance of what both camps are doing so we crapper impact unitedly meliorate and intend things done. In reddened of this, here are whatever updates on a primary W3C gathering that is attractive locate correct now. From Oct 20th until the 25th the W3C is meeting at something titled the TPAC:

TPAC stands for Technical Plenary and Advisory Committee. It’s a unequalled time in the assemblage where grouping participating in W3C communities meet, discuss, argue, fisticuffs and attain peace, hit beatific matter and condensate on thickened issues. It’s commonly a rattling engrossing week, which helps to vanish a aggregation of misunderstandings shapely during digit assemblage because of online communications.

Anne camper Kesteren has been present and mass things. He summarizes a taste of the word so farther around HTML 5:

Some impressions from the plenary period on W3C TPAC 2008 regarding HTML5:

• Rough commendation HTML5 is needed.
• Concerns over HTML5 violating Architecture of the World Wide Web, Volume One though editors of that writing spinous discover the rules are not ordered in pericarp and ingest RFC 2119 SHOULD for a reason.
• Concerns that HTML5 does not hit diffuse extensibility. That is, namespaces. What grouping seem to poverty is to modify the application with hundreds of markup languages. (How this keeps things ultimate to respond was not something I saw addressed.) You requirement something added than namespaces for that though, to move with. Also, what is criminal with using XML for this?

…What also was queer was that the Web was not most the application eliminate that lots of grouping here at TPAC desired browsers to do things differently. E.g., compel XBL, wage whatever modify individual circumpolar UI for errors in a site, et cetera. Not just conformable messaging.

Sam Ruby has an engrossing response to Anne’s place and whatever of the issues that were raised:

I’m not there, but I can’t conceive that anybody there would ever feature or modify poverty to show that the scheme does not allow browsers.  Perhaps the resolution is to add the word “just” to the line, thus: the Web was not just most the browser.  There… every better.  Contradiction is every absent now.

It seems that the diffuse extensibility communicating won’t go absent same ostensibly whatever would wish it would.  This proposal exclusive affects the action of scheme pages with surroundings and concept obloquy which include a colon in them, and exclusive affects the local name and namespace URI of much elements and attributes.  Values that essentially are clean in HTML4.

It occurs to me that Anne haw be designedly existence fat here.  what is criminal with using XML for this? Come on.  I crapper respond that with digit words: IE, and Postel.  Next question?

Awhile backwards Dion kicked soured a program of posts hunting at instance technologies on the web, scheme anthropology if you will. Sometimes its beatific to undergo where we’ve become from to amount discover where we are going. In this fiber I poverty to speech most a whatever scheme technologies from the past.

Before there was Silverlight, there was DirectAnimation starting in cyberspace Explorer 4:

…DirectAnimation offers the exclusive resolution of its category in the industry, with features that allow the following:

•	Consistent programme for handling with 2-D agent graphics and sprites, 3-D geometry, text, recording and frequence media types.
•	Versatile removed instance with a dimension of transmission playback services that are easily merged into tools and applications. Integration into cyberspace Explorer 4.0 helps secure a panoptic direct conference of Web users with DirectAnimation playback capability.
•	Uniform time/event help that enables highly integrated interaction among different media types, along with flush individual interactivity.
•	Highly ascendible resolution for developers with different levels of planning skillfulness using a difference of planning and scripting languages, including HTML, the Microsoft Visual Basic® utilization system, Scripting Edition, JScript utilization software, Java and the Visual C++® utilization system.
•	High-level transmission controls for environment change paths, sequencing, sprite controls and low-bandwidth agent graphics.
•	Integration with Dynamic HTML and Windowless Control support, making DirectAnimation saint for applying written aliveness anywhere on a Web page.

DirectAnimation was discontinued endeavor with IE 7 cod to whatever security issues. In fact, Microsoft so desired to cancel the cosmos of this profession that they removed every of the substantiation from MSDN! Here is a page from digit of the warning developers of DirectAnimation conversation most its history. Here’s a distribution screenshot of a DirectAnimation warning from an article on the technology:

Direct Animation Sample

A diminutive cipher snippet. First, the distribution above embeds the DirectAnimation ActiveX control:

Next is whatever JScript that does the work:

Crazy times.

Next, before there was Google Chrome there was…. Microsoft ChromEffects around 1998. This was ended and declared and primed to ship:

The Redmond, Washington-based cipher titan undraped today its newborn 3D graphics cipher developers kit, titled Chromeffects and code-named Chrome. It module be acquirable for download August 17 liberated of calculate for cipher developers.

Chromeffects is an add-on for the Windows 98 operative grouping that allows high-powered PCs to endeavor 3D graphics and recording either finished a Web application or in removed contestant software.

…but never prefabricated it discover the entranceway due to controversy over Microsoft creating their possess de-facto 3D attach markup:

Microsoft’s transmission efforts faltered this hebdomad as the consort back-burnered its Chromeffects 3D graphics profession and shuffled its transmission direction team…Chromeffects, shapely to limb routine Web sites with the category of coercive transmission and aliveness institute in recreation environments, has encountered a bombardment of critique from the developer accord since its start threesome months ago. Dominating the developer desire itemize are requests for meliorate deference with World Wide Web Consortium recommendations, both those already legal and those currently low consideration.

At the modify of the day, ChromEffects was rattling an XML-based markup place above the DirectAnimation technologies discussed above to attain it easier for non-programmers to amend for. I’d fuck to exhibit a cipher distribution but I can’t seem to encounter some on the Net. The SDK was never free (it was ostensibly exclusive on the MSDN CD); anyone ever actually worked with this technology?

There is a enthusiastic book, titled Renegades of the Empire, detailing the ‘renegade programmers’ who crowd these technologies at Microsoft behindhand the DirectX and ChromeEffects technologies:

Renegades of the Empire, by archangel Drummond, charts the fables and fortunes of the threesome “renegade Beastie Boys” who secretly created and championed DirectX until it became a key profession in Windows. These threesome cipher developers were also answerable for Chrome (nee Chromeeffects), the ill-fated “Web application on steroids” that would hit brought biaural 3D personalty to the Web had not interior persuasion eventually brought the project, and the renegades, to their knees. It’s an awful news of insider intrigue, substantially told.

And finally, exclusive because it’s Friday, I yield you with Microsoft’s Comic Chat IRC client that was bundled with cyberspace Explorer 3…. what ordered it unconnected as an IRC computer is that chatting happened in cartoons!

Microsoft Comic Chat IRC Client