Web Framework - Demos. Demos The demos below provide full code samples for some simple Cappuccino apps.
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.
“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.
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.
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.
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. 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.