Web Framework - Demos
Posted by Sean Christmann GUIMark 2: The rise of HTML5 « Craftymind
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.
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
After reading a recent post by Steve Souders concerning a free tool called dynaTrace Ajax, I was intrigued. Deep Tracing of Internet Explorer
How does this tool flip text up side down and backward?
Overview An interactive time series line chart with optional annotations. The chart is rendered within the browser using Flash. Important: To use this visualization, you must specify the height and width of the container element explicitly on your page. So, for example: <div id="chart_div" style="width:400; height:250"></div>. By: Google Visualization: Annotated Time Line - Google Visualization API -
MouseWheel Scroll on Mac for Flash AS3 (SWFWheel) Do Mac mice even have a wheel?
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.
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 10 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 10 seconds. code demo arena | Idle Timer
nyroModal :: jQuery Plugin
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. Tip: if you're in a rush and need to quickly check a page, often times injecting the depreciated "<PLAINTEXT>" tag will be enough to check to see if something is vulnerable to XSS by messing up the output appreciably:
Bespin » Code in the Cloud
NicEdit - WYSIWYG Content Editor, Inline Rich Text Application
SqueezeBox - Expandable Lightbox » digitarald:Harald K SqueezeBox is an unobtrusive LightBox inspired overlay, for modal boxed content on your site.
ColorPicker - jQuery plugin About
A Coding Fool: jQuery 1.3 Cheat Sheet
JsonML (JSON Markup Language)
Basic Usage Farbtastic: jQuery color picker plug-in | Steven Wittens - Acko.