background preloader

Jquery

Facebook Twitter

Mootools

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. 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. After releasing it I got a good response from both the tech community as well as several platform engineers interested in resolving problems. Evolution. 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. Firefox 3.6 offers many new Open Web features to web developers, including even more HTML5 support. This post describes how to create a sophisticated image editor and uploader built using Open Web technologies. See below for a video of the demo with some background. Hosted on hacks, publishes to twitpic. XML explorer for Firebug.

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. 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. dynaTrace Ajax works by sticking low-level instrumentation into Internet Explorer when it launches, capturing any activity that occurs – and I mean virtually any activity that you can imagine. Above is the result of a recorded session, logging in to Gmail, reading a mail, and logging back out again. How to type upside down text and letters on the web. Closure Compiler Service.

JS Bin - Collaborative JavaScript Debugging. JavaScript shell scripting / phpied.com. As you probably know, JavaScript is not limited to the browser.

JavaScript shell scripting / phpied.com

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 hacks.mozilla.org. 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 hacks.mozilla.org

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. It’s the kind of thing that you normally would see written in flash, but there’s no flash on the main page. It’s all CSS, canvas and animation in the DOM. Code demo arena. 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.

ColorPicker - jQuery plugin

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.

AJAX Libraries API - Google Code

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

Farbtastic: jQuery color picker plug-in

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 Our discussion group is the best place to contact us.

Reporting Bugs & Security Issues Please report potential vulnerabilities using the private issue tracker, and bugs and feature requests via the public issue tracker. Contributing The Caja team includes people from a number of different companies and some private individuals. News. Rendering text with Javascript, , and VML.