background preloader

Web Development

Facebook Twitter

Writing Complex Web Apps With Google Web Toolkit (GWT) The Google Web Toolkit (GWT) is a rel­a­tively new set of open source tools, devel­oped by Google ; which aims to allow devel­op­ers to write much of the client-side code as Java . This Java code is then com­piled into the appro­pri­ate JavaScript code, to run on the user’s web browser. Basi­cally, the Google team has come up with a way of allow­ing devel­op­ers to write most of their web appli­ca­tions in Java , instead of hav­ing to switch between Java and JavaScript ; thus min­i­miz­ing the amount of cross-browser JavaScript development/testing.

The devel­op­ers of GWT have cho­sen to focus their efforts on Eclipse as the pre­ferred IDE; though you are not lim­ited to Eclipse . One of the great ben­e­fits of GWT , is that you can now step through most of your appli­ca­tion in the Eclipse debug­ger. This makes devel­op­ing the client-side aspects of your app much eas­ier and more sta­ble than hav­ing to use JavaScript debug­ging tools like Fire­bug . Eclipse Day at the Googleplex. YouTube APIs and Tools - Google Code. Google I/O 2010 - YouTube API uploads: Tips & best practices. Multimedia on the web and using HTML5 sensibly. Last week I went to the London Ajax User Meetup in London, England to deliver two talks about HTML5.

One was a re-run of a talk I gave at MIT about Multimedia on the web and the second was a call to arms to use HTML5 sensibly. You can go over to Skillsmatter web site to see both talks back to back – but be sure to catch the notes to the second talk in this post, too. In addition to my notes here there is also a great write-up of the evening by Ian Alderson available on the web. Multimedia on the web We’ve covered this talk before in the blog post here and you can read the extensive notes for the whole talk with code examples on my blog. You can see “Multimedia on the web” on any HTML5 enabled device here (courtesy of vid.ly) or embedded here: Using HTML5 sensibly Using HTML5 sensibly was a talk I wanted to give for a long time.

You can get the slides on Slideshare or see them here: You can see “Using HTML5 sensibly” on any HTML5 enabled device here (courtesy of vid.ly).

Frameworks

DFRN. 10 Best AJAX File Uploader for your Web Application  Most of the web application available today includes a capability of user to upload files, whether it is a social media application or a CMS/Blogging platform. Upload capability of your application can be made easier and usable to the user if you are using one of these Ajax Upload Script and Plug-in. 1. FancyUpload FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers. 2. Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. Uploadify is available under the GPL and MIT licenses. 3. AJAX Upload allows you to easily upload multiple files without refreshing the page and use any element to show file selection window. 4. 5. 6. 7.

SWFUpload is a small JavaScript/Flash library to get the best of both worlds.

PHP

Writing Your Own Gadgets - Gadgets API - Google Code. Getting Started introduces you to gadgets. The next step is creating your own gadgets. This document tells you how. Contents Basic Steps Here are the basic steps you follow to create and deploy a gadget: Use any text editor to write your gadget specification, and host it on a public web server. Anatomy of a Gadget Once you understand how to edit and publish gadgets, you're ready to include more advanced features in your gadget specifications. Content Section. Note: Within the XML attributes in a gadget spec, you need to "escape" (that is, properly encode) certain characters so that they will be interpreted correctly. When writing a gadget, you should start with the <Content> section. Defining Content The <Content> section represents the "brains" of a gadget.

The easiest way to create your gadget is to simply place HTML (and optionally, JavaScript or Flash) into the <Content> section. <? Specifying a DOCTYPE You can include an arbitrary DOCTYPE in your gadget spec. Defining User Preferences <?

CMS Software