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. After releasing it I got a good response from both the tech community as well as several platform engineers interested in resolving problems. Evolution Fast forward to today and the web is a different beast. 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. 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. 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. You see where I'm going with this. JavaScript is everywhere And yes, you can do shell scripting in JavaScript. C:\> cscript jslint.js And on the Mac there's JavaScriptCore by WebKit. JSC test run. 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. 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. On to the demo. I also strongly suggest that you watch the tutorial on how this demo was put together. Code demo arena. jQuery Plugin. Cross platform mobile framework. XSS (Cross Site Scripting) Cheat Sheet. Last revision (mm/dd/yy): 04/2/2015 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.

XSS (Cross Site Scripting) Cheat Sheet

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.

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

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

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.

Rendering text with Javascript, , and VML.