[email protected]

"I've been doing some web development for iPhone and Mobile Safari lately, not least because of a series of articles that will be showing up in IBM DeveloperWorks soon.



I was using the iUI toolkit, which contains a number of CSS styles and JavaScript event handlers to make iPhone Web apps look and feel somewhat like native iPhone applications. As I was working with iUI, I realized I was building up a library, so I converted everything to a Rails plugin: rails_iui.



Get the plugin from github: git://github.com/noelrappin/rails-iui.git



Right now the plugin is primarily interested in doing a few things:



It contains a rake task to download iUI, move it's files to the Rails public directories, and change the CSS image URL's accordingly.



There's a controller class method acts_as_iphone_controller, calling that sets up a before filter that captures the Mobile Safari user agent string and sets the request format to iphone for use in respond_to blocks. For testing purposes you can call the method as acts_as_iphone_controller(true), and all calls will be treated as iPhone requests.



There is a module of helper methods that are wrapper methods or combinations of iUI CSS classes. Included are:







A method for creating the iPhone toolbar at the top of the view.





Methods for creating the iPhone list structures from a list of elements that know their associated URLs, including a grouped list in the style of the iPod application





Rounded rectangle classes





A form helper for the iPhone toggle button, as seen in the settings page.

*



A method to specify an Ajax callback when the phone changes orientation"

Agile Ajax: Rails Development for iPhone with rails_iui

"Pop-Up windows are a pain in the lower back to use. Years of abuse by advertisers, malicious attackers and phishing attempts have conditioned users to close them immediately or turn on their third party pop-up blocking tool or the browser option to do the same.
Yes, there is a difference between unsolicited pop-ups and pop-ups that are necessary for the web site to work. Or is there?
The main reason clients give us when they ask for pop-ups is that they "don't want the users to leave the page" and this is not reason enough to use a new browser instance.
With today's scripting techniques you can keep the user on the site and avoid pop-ups. Just try it on this photo of a confused puppy or even a document containing Terms and Conditions.
DOMinclude is a script that creates this effect: If JavaScript is available the linked file gets shown in a new layer - if it is an image just as the image, if not inside an IFRAME. DOMinclude automatically positions the popup where the original link is and adds a text prefix to the original link telling the user how to hide the layer again."

DOMinclude - Kissing Pop-Ups good-bye

DOMinclude - Kissing Pop-Ups good-bye

"One of the few things that I find lacking in PHP is the ability to report the progress of a file upload. This means that file uploads, especially uploads of larger files, can be extremely frustrating for end users when they don't know if the upload is progressing or if it has stalled or if it has even started. There are two ways around this. One is to patch PHP, Pdoru provides such a patch. Not everyone can patch PHP though. You can't use a patch if you're on a shared server, if you want to use ready-made binaries, if you don't want to risk stability by using a patch or if you just don't want to have to remember to apply the patch again every time you upgrade PHP. The other option is to use a perl script to receive the file when it's uploaded. This is the approach used by MegaUpload. MegaUpload is what I have based my solution on, but I have added asynchronous file upload support and an AJAX upload progress bar, instead of the refreshing popup used by MegaUpload."

AJAX PHP File Upload Progress Bar

AJAX PHP File Upload Progress Bar

"WebWork 2.2: Released and ready for Struts!
OpenSymphony and the WebWork team are proud to announce the release of WebWork version 2.2 (download now). This release is the biggest release ever for WebWork and there are plenty of reasons why (full release notes):
Full support for Java 5 Annotations and Generics
Rich AJAX support using DWR and Dojo
New QuickStart tool makes development easier than ever
Tons more documentation with over 900 PDF pages!
Client side validation using AJAX or plain JavaScript
Built in support for Continuations
JSR168/Portlet support for several popular Portlet servers, including Pluto
Rich UI template framework with native support for JSP, FreeMarker, and Velocity
Native support for Spring and Pico IOC containers
More intelligent error reporting
Developer Mode makes building webapps even easier with improved error reporting
Simplified tag syntax
Advanced data binding framework that works with any object, including domain objects
This release marks an important milestone in the WebWork history: the last major release under the WebWork and OpenSymphony names. While future minor releases will continue to take place (including 2.2.x and 2.1.x releases), all major work will now fold in to the Struts Action Framework, version 2.0. You can use WebWork 2.2 as an early preview of Struts Action Framework 2.0, but you can also expect many other great improvements to be added between now and then.
Thanks to the entire WebWork team for all their hard work, especially during these last few weeks as the final touches were put in place."

WebWork: WebWork 2.2: Released and ready for Struts!

WebWork: WebWork 2.2: Released and ready for Struts!

"This site is a Regular Expression evaluator for three different regular expression systems:
PHP PCRE.
PHP Posix.
Javascript.
The site is written with the help of the so called AJAX technology, therefore will work on the following browsers:
Internet Expolorer 5 .
Mozilla Firefox 1.0
Opera 7.54
Safari 1.2
The site is still in the process of active development and testing, so don't hesitate to send me any bug reports or suggestions you may have."

AJAX Regular Expression evaluator

AJAX Regular Expression evaluator

"Start typing any text you want to be translated into the green field. The words should be automatically translated into the language of your choice and appear in the bluish box. To switch langauges, simply click on the language you would like to translate from and then procede to select the language you would like to translate into. In order to swap the contents of the two boxes, use a double click."

AjaxTrans

AjaxTrans

"A list of all the best javascript libraries on the net... " - Scheint eine ziemlich vollstaendige Liste zu sein

Quicksilverscreen.com: Javascript Libraries Roundup

Quicksilverscreen.com: Javascript Libraries Roundup

"AJAX Client Engine (ACE) is a JavaScript component that makes it easy to develop AJAX-style Web applications."

www.lishen.name - Home

www.lishen.name - Home

Eine Menge AJAX-Links von Dr. Web

Dr. Web Weblog & Blog-Archiv & Ajax Quellensammlung

Dr. Web Weblog & Blog-Archiv & Ajax Quellensammlung

"AJAX (asynchronous javascript and xml) has been getting a lot of press lately. It is seen as a way to add desktop-application functionality to html pages. Things like Drag and drop, Fluid animations and Dynamic page updates.

It's great to see public uptake of these technologies - but it worries me to see the influx of tags and onclick attributes into webpages.

After all the work of WASP and others to promote clean markup, valid pages and graceful degradataion via css - it sucks that we're going back to tag soup days by throwing javascript tags into our html.

The better way to do javascript is to do it unobtrusively. PPK and Simon Willison have been recommending this approach for ages. And it's definitely the way to go. The only problem is that it's a bit of a pain in the ass.

That's why I came up with Behaviour - my solution to unobtrusive javascript behaviours.

How does it work?
Behaviour lets you use CSS selectors to specify elements to add javascript events to"

Behaviour : Using CSS selectors to apply Javascript behaviours

Behaviour : Using CSS selectors to apply Javascript behaviours

"What is Protopage?
Protopage = personalized news sticky notes bookmarks, all on one page"

Protopage v2 released - free AJAX start pages now with RSS news feeds, sticky notes and bookmarks

Protopage v2 released - free AJAX start pages now with RSS news feeds, sticky notes and bookmarks

"Easy Ajax for the masses with xajax
A while ago I mentioned I was going to deliver a presentation on PHP and Ajax. The conference on which I delivered it took place last week on November 10. I also promised people I'd translate everything I prepared for the presentation for posting on my weblog. It took some time but here it is! If you're interested in diving into programming your own Ajax functionality with PHP this article might be a nice starter.
Together we'll take a look at the xajax class library for PHP. You'll be surprised how easy it really is to create the nifty stuff you'll find all over the internet lately. I have prepared four documented working examples on how to use xajax in real-world situations. You can study the sourcecode as well as download the whole set to do with it whatever you like. Let's dive into xajax!"

The Net is Dead&-&Easy Ajax for the masses with xajax

The Net is Dead&-&Easy Ajax for the masses with xajax

"10 Places You Must Use Ajax
It's been well over a year now since GMail changed the way everyone thought about web apps.
It's now officially annoying to use web apps that haven't replaced clunky html functionality with peppy Ajax goodness.
Here are places Ajax should now be required in a web application"

Alex Bosworths Weblog: 10 Places You Must Use Ajax

Alex Bosworths Weblog: 10 Places You Must Use Ajax

"Unless you live under a rock, you've heard about and likely even used AJAX. Asynchronous JavaScript and XML is becoming an increasingly pervasive deployment methodology, which necessitates that people start to both understand how it works and actually consider it more seriously as an enterprise-level development tool. To that end, I will try to illustrate one method of benchmarking your AJAX applications as well as point out some of the major performance pitfalls I have encountered while developing AJAX components and applications."

XML.com: Tuning AJAX

XML.com: Tuning AJAX

"ajaxTalk.de" - Ein deutschsprachiges Forum zum Thema AJAX

ajaxTalk.de - Alle Themen

ajaxTalk.de - Alle Themen

Ajax basierter Regular Expression Tester

Rejax

Rejax

"Ajax is one of the biggest 'discoveries' in the past year, and it has become a real buzzword, just like Web 2.0. Admittedly, Ajax can be used for a lot of things, and it really does speed up web applications. Already Ajax is used by many highly popular websites, most notably GMail, but other's like Ta-da List or Flickr also use it. Heck, even Microsoft has gotten wind of the Ajax buzz, and is actually moving towards web-based applications as well.
But there is one problem with most of the current implementations of Ajax: it has one dependency, and that is the XmlHttpRequest object. Most modern browser, like Firefox, have inbuilt support for this object, but older browsers, like Internet Explorer 6, don't have native support for this object. Luckily, IE 6 does support it, but it's built in as an ActiveX control, which means your visitors get an ugly warning message about the possible danger of an ActiveX control, or in some cases it just doesn't work at all.
In this tutorial, I will show you how to use Ajax without even having to use the XmlHttpRequest object."

Ajax & PHP without using the XmlHttpRequest Object

Ajax & PHP without using the XmlHttpRequest Object

"Ajax is one of the biggest 'discoveries' in the past year, and it has become a real buzzword, just like Web 2.0. Admittedly, Ajax can be used for a lot of things, and it really does speed up web applications. Already Ajax is used by many highly popular websites, most notably GMail, but other's like Ta-da List or Flickr also use it. Heck, even Microsoft has gotten wind of the Ajax buzz, and is actually moving towards web-based applications as well.
But there is one problem with most of the current implementations of Ajax: it has one dependency, and that is the XmlHttpRequest object. Most modern browser, like Firefox, have inbuilt support for this object, but older browsers, like Internet Explorer 6, don't have native support for this object. Luckily, IE 6 does support it, but it's built in as an ActiveX control, which means your visitors get an ugly warning message about the possible danger of an ActiveX control, or in some cases it just doesn't work at all.
In this tutorial, I will show you how to use Ajax without even having to use the XmlHttpRequest object."

PHPit - Totally PHP & Ajax - PHP without using the XmlHttpRequest Object

PHPit - Totally PHP & Ajax - PHP without using the XmlHttpRequest Object

"Two weeks ago we looked at some exciting new AJAX projects you can run from your own server. This week, we're going to take a look at some other great examples of AJAX in free web services. "

MacMerc.com: AJAX Applications, Part 2

MacMerc.com: AJAX Applications, Part 2