background preloader


Facebook Twitter


Web Framework - Demos. Demos The demos below provide full code samples for some simple Cappuccino apps.

Web Framework - Demos

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 Browse a collection of photos pulled straight from Flickr. View DemoView Source FloorPlan A drag and drop floor plan editor, from the tutorial found on ThinkVitamin. View DemoView Source. GUIMark 2: The rise of HTML5 « Craftymind. Posted by Sean Christmann Introduction Two years ago I had an itch that needed scratching.

GUIMark 2: The rise of HTML5 « Craftymind

“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. 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.

XML explorer for Firebug

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.

Deep Tracing of Internet Explorer

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. How to type upside down text and letters on the web. Closure Compiler Service. JS Bin - Collaborative JavaScript Debugging. JavaScript shell scripting / As you probably know, JavaScript is not limited to the browser.

JavaScript shell scripting /

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. jQTouch — jQuery plugin for mobile web development. MouseWheel Scroll on Mac for Flash AS3 (SWFWheel) Do Mac mice even have a wheel?

MouseWheel Scroll on Mac for Flash AS3 (SWFWheel)

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.

animating SVG with canvas and burst at

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. 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.

code demo arena

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. jQuery Plugin. Cross platform mobile framework. XSS (Cross Site Scripting) Cheat Sheet. Javascript - Horloge texte. Raphaël—JavaScript Library. Bespin » Code in the Cloud. WYMeditor - web-based XHTML editor - Home. NicEdit - WYSIWYG Content Editor, Inline Rich Text Application.

SitePoint Reference. SqueezeBox - Expandable Lightbox » digitarald:Harald K. SqueezeBox is an unobtrusive LightBox inspired overlay, for modal boxed content on your site.

SqueezeBox - Expandable Lightbox » digitarald:Harald K

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. IFrame Content Include site content via IFrame. Features No plugins like Flash or Java needed, no problem with popup blockersUnobtrusive behaviour, visitors with disabled JavaScript or old browsers can still navigate through your content.Simple and intuitive behaviour: loading-indicator, close button and changing icons describe possible interactions.Customizable with a lot of options (controlling Fx, generated markup, etc.) and via external CSS.

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 Flat mode - as element in page Powerful controls for color selection Easy to customize the look by changing some images Fits into the viewport License Dual licensed under the MIT and GPL licenses.

ColorPicker - jQuery plugin

Examples Flat mode. Custom skin and using flat mode to display the color picker in a custom widget. A Coding Fool: jQuery 1.3 Cheat Sheet. Documentation. AJAX Libraries API - Google Code. The Google Hosted Libraries is a stable, reliable, high-speed, globally available content distribution network for the most popular, open-source JavaScript libraries.

Google works directly with the key stakeholders for each library effort and accepts the latest versions as they are released. Libraries To load a hosted library, copy and paste the HTML snippet for that library (shown below) in your web page. JsonML (JSON Markup Language) Farbtastic: jQuery color picker plug-in. Basic Usage Include farbtastic.js and farbtastic.css in your HTML:<script type="text/javascript" src="farbtastic.js"></script> <link rel="stylesheet" href="farbtastic.css" type="text/css" /> Add a placeholder div and a text field to your HTML, and give each an ID:<form><input type="text" id="color" name="color" value="#123456" /></form> <div id="colorpicker"></div> Add a ready() handler to the document which initializes the color picker and link it to the text field with the following syntax:<script type="text/javascript"> $(document).ready(function() { $('#colorpicker').farbtastic('#color'); }); </script> See demo1.html and demo2.html for an example (jquery.js is not included!).

Styling. jQuery documentation, manuel en francais, jQuery par jarodxxx. jQuery. Caja - Google Code. (This site is for programmers actively working on Caja, rather than using it for their own projects.) The Caja Compiler is a tool for making third party HTML, CSS and JavaScript safe to embed in your website. It enables rich interaction between the embedding page and the embedded applications. Caja uses an object-capability security model to allow for a wide range of flexible security policies, so that your website can effectively control what embedded third party code can do with user data.

Contacting us Discussions. Rendering text with Javascript, , and VML.