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

an HTML5 offline image editor and uploader application ✩ Mozilla

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.

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. 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. How to type upside down text and letters on the web. How does this tool flip text up side down and backward?

How to type upside down text and letters on the web

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. 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. You see where I'm going with this. JavaScript is everywhere And yes, you can do shell scripting in JavaScript. 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. 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.

code demo arena | Idle Timer

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.

Last revision (mm/dd/yy): 04/7/2014 This cheat sheet is for people who already understand the basics of XSS attacks but want a deep understanding of the nuances regarding filter evasion. Please note that most of these cross site scripting vectors have been tested in the browsers listed at the bottom of the scripts. XSS Locator Inject this string, and in most cases where a script is vulnerable with no special XSS vector requirements the word "XSS" will pop up. Use this URL encoding calculator to encode the entire string. 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. 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.

A Coding Fool: jQuery 1.3 Cheat Sheet. Documentation. AJAX Libraries API - Google Code. JsonML (JSON Markup Language) Farbtastic: jQuery color picker plug-in | Steven Wittens - Acko. 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 The color picker is a block-level element and is 195x195 pixels large. 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. Typeface.js -- Rendering text with Javascript, , and VML.