Web Framework - Demos Web Framework - Demos Demos The demos below provide full code samples for some simple Cappuccino apps. These demos favour function over beauty - we expect your apps to be much prettier. To see more examples of Cappuccino apps, see the current projects page for a sample of actual apps. Flickr Photo
Posted by Sean Christmann Introduction Two years ago I had an itch that needed scratching. “RIA” was the future of the web and every major company seemed to have a solution to get us there. I developed the first version of GUIMark to not only get a good understanding of the respective technologies, but also to give my clients through EffectiveUI and everyone else something to actively gauge the rendering performance of the different runtimes. GUIMark 2: The rise of HTML5 « Craftymind GUIMark 2: The rise of HTML5 « Craftymind


Processing.js Processing.js 1.4.1 released! Processing.js 1.4.0! And then Processing 1.4.1!
jcotton is a framework for drawing and animating using an html canvas. It contains a simple to read and write interface that allows properties and animations to be chained together. Simple shapes such as squares and rectangles (even with rounded corners) are trivial to create and animate, and even more complex shapes with curves are possible. Text can be added (and animated) with ease, including text wrapping. Check out the tutorials to see the kind of things that jcotton can do along side the source that is used to do them. If you are instead up for something a bit more flashy, check out the example to see a more "finished" product. jcotton jcotton
ShakaCSS debug

Rendera - Online HTML5 Editor

Type in your HTML and CSS to see it rendered. Each time you press the Enter key, the live preview will update. You can save your results to a file - just look under the export tab. Rendera - Online HTML5 Editor
an HTML5 offline image editor and uploader application ✩ Mozilla an HTML5 offline image editor and uploader application ✩ Mozilla Many web applications use image uploaders: image hosting websites, blog publishing applications, social networks, among many others. Such uploaders have limitations: you can’t upload more than one file at a time and you can’t edit the image before sending it. A plugin is the usual workaround for uploading more than one image, and image modifications are usually done on the server side, which can make the editing process more cumbersome.
Since JSON explorer for HTTP network responses was quite successful feature (at least according to all the feedback I have got), I have implemented a XML Explorer that can be used to inspect XML based responses received from the server. This feature allows to see XML data in pretty-printed and colorized fashion. Similarly to the JSON Explorer, the view is available within the Net panel (as soon as the response is XML). See the following screenshot (click to enlarge). The user can also right click on specific element and pick one of the Copy... actions to copy portions of the XML into the clipboard. XML explorer for Firebug XML explorer for Firebug


node.js An example: Webserver This simple web server written in Node responds with "Hello World" for every request. To run the server, put the code into a file example.js and execute it with the node program from the command line: % node example.js Server running at Here is an example of a simple TCP server which listens on port 1337 and echoes whatever you send it: var net = require('net'); var server = net.createServer(function (socket) { socket.write('Echo server\r\n'); socket.pipe(socket);}); server.listen(1337, '');
Event: JS in SA Conference Johannesburg, April 2nd, 2011 Talk: Introduction to Ample SDK Event: Javascript en entreprise

Ajax GUI Framework - Ample SDK

Ajax GUI Framework - Ample SDK
Deep Tracing of Internet Explorer After reading a recent post by Steve Souders concerning a free tool called dynaTrace Ajax, I was intrigued. It claimed to provide full tracing analysis of Internet Explorer 6-8 (including JavaScript, rendering, and network traffic). Giving it a try I was very impressed. I tested against a few web sites but got the most interesting results running against the JavaScript-heavy Gmail in Internet Explorer 8. I typically don’t write about most performance analysis tools because, frankly, most of them are quite bland and don’t provide very interesting information or analysis. dynaTrace provides some information that I’ve never seen before – in any tool on any browser. Deep Tracing of Internet Explorer

How to type upside down text and letters on the web

How does this tool flip text up side down and backward? The JavaScript program converts English letters to unicode characters and symbols that look inverted, to make it look like you've created upside-down text on the computer. Most of them come from the character sets "Latin Extended" and "International Phonetic Alphabet". Unfortunately there are no upside down numbers and not enough upside down capital letters, so this tool supports lowercase letters only. This page uses the font "Arial Unicode MS" to display the flipped text.
JavaScript shell scripting / As you probably know, JavaScript is not limited to the browser. There's server-side JavaScript, JS for various extensions, you can script Photoshop operations with JavaScript if you feel like it. Or compile Windows executables. You see where I'm going with this. JavaScript is everywhere And yes, you can do shell scripting in JavaScript.
MouseWheel Scroll on Mac for Flash AS3 (SWFWheel) Do Mac mice even have a wheel? They only have 1 button so what do they need a wheel for??? ;) Apparently Mac mice have wheels and Mac users would like to be able to use them just as their PC counterparts do. Unfortunately for them, the Mac OS gives the browser the focus for onScroll events and somehow Flash is left clueless that anything happened.
animating SVG with canvas and burst at Today’s demo is short, but it also includes a long screencast that describes how it’s put together. The demo’s author, Alistair MacDonald (@F1LT3R), is one of the maintainers of Processing.js and the Burst engine, which is the basis for today’s demo and tutorial. If you haven’t clicked through to his site, I strongly suggest that you do so. You’ll notice that the site is animated and slick-looking with sections that slide in and out and lots of graphics.
code demo arena | Idle Timer
nyroModal :: jQuery Plugin
Javascript - Horloge texte
Bespin » Code in the Cloud
NicEdit - WYSIWYG Content Editor, Inline Rich Text Application
SqueezeBox - Expandable Lightbox » digitarald:Harald K
ColorPicker - jQuery plugin
A Coding Fool: jQuery 1.3 Cheat Sheet
JsonML (JSON Markup Language)
Farbtastic: jQuery color picker plug-in | Steven Wittens - Acko.