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. GUIMark 2: The rise of HTML5 « Craftymind. 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. Processing.js. Jcotton. ShakaCSS debug. Rendera - Online HTML5 Editor. 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. XML explorer for Firebug. 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. Node.js. 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.
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 hacks.mozilla.org.
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. View full post about the jQuery IdleTimer here The idle timer is built on jQuery and provides two events: idle and active, which fire when the user's idle state has changed.
This example has an idle timeout of 5 seconds. When you move your mouse over the page or start typing, you're considered "active". The status at the top of the screen changes to indicate your current state. Now, as of version 0.9, the textarea has its own idletimer instance set to 3 seconds. NyroModal :: jQuery Plugin. PhoneGap | Cross platform mobile framework. XSS (Cross Site Scripting) Cheat Sheet.
SqueezeBox is an unobtrusive LightBox inspired overlay, for modal boxed content on your site. It’s a snap to show images but just as easy to use HTML elements, Ajax requests, iFrames, SWF movies and more. Showcases Ajax Requests Request the content via Ajax. From Elements Content cloned or adopted from existing Elements. ColorPicker - jQuery plugin. About A simple component to select color in the same way you select color in Adobe Photoshop Last update 23.05.2009 - Check Download tab Features.