Ajax!
RND - Fast and Simple JS Template System - As web applications get more dynamic and complex, it's crucial to know what's the fastest way to render content. I have done some research and I am gladly sharing it with you.
Aptana The Web IDE - Aptana is a robust, JavaScript-focused IDE for building dynamic web applications. Highlights include a Code Assist for JavaScript, HTML, and CSS languages, including your own JavaScript functions. Plus many more.
JonDesign's Smooth SlideShow Library - Using moo.fx and prototype.lite.js, this javascript slideshow system allows you to have a simple and smooth (cross-fading…) image slideshows and/or showcases on you website.
Javascript Boot Camp Tutorial - Even though AJAX wouldn't ever have become so popular if the Javascript world hadn't suddenly exploded with mature development and testing tools, there's little information on how to be a really good Javascript programmer. This talk is for everyone who feels their Javascript skills just aren't up to snuff.
AjaxWp - An AJAX enchancement for WordPress blogs - AjaxWp is a lightweight JavaScript enhancement that adds AJAX functionality to WordPress blogs speeding up load times, increasing the responsiveness of the user interface and giving the blog an overall cooler look. Out of the box AjaxWp requires minimal configuration and no additional markup, other than the script inclusions in the header file and a support PHP file. This allows AjaxWp to degrade gracefully and leave the blog fully functional even for users with JavaScript disabled.
Introducing FlickrShow - FlickrShow is a simple slide-show tool that allows you to display images from a Flickr photoset on your web site. It is easy to use - photographs can be displayed by adding a few simple lines of HTML and Javascript code to your site. It is also unobtrusive and compact, the script only adds an additional five kilobytes to your page.
Mouse wheel programming in JavaScript - Web applications are becoming more and more like "normal" desktop applications. Of course, they are more and more functional, but smooth user interface acts the primary role. So we have drag and drop, autocompletition, and much more. Many of those nice features got possible only with help of AJAX. This page, however, is not about AJAX (or any other buzzword). It is about rather simple user input method — mouse wheel.
Link Thumbnail - A picture's worth a thousand words, right? So spice up those plain old text links with Link Thumbnail, the second tool from the arc90 lab. A little bit JavaScript, a little bit CSS and a little bit clairvoyance, Link Thumbnail shows users that are about to leave your site exactly where they're going. When that curious mouse pointer hovers over a link pointing to somewhere outside of your site, the script displays a small image of the destination page. It's a nice visual cue that serves a very real purpose: providing a clearer picture (no pun intended) of what's ahead.
Carousel Component - The Carousel widget provides a way to display HTML elements either horizontally or vertically with or without animated scrolling. The loading of elements is separated from the component allowing the carousel to manage static HTML elements or dynamically generated content (DHTML, with Ajax for example.) The examples below illustrate the various ways to create and manage the carousel.
19 Rails Tricks Most Rails Coders Don't Know - When looking at my own Rails code and that of the community as a whole, I often see places where certain Rails techniques could have been used, but weren't. As much for my own memory as yours, I thought I'd list down some Rails tricks and tips that can make your application or code more efficient:
Ajax Activity Indicators - Make Them Global and Unobtrusive - One of the coolest things about developing ajax-enabled applications and sites is the level of interactivity that you can bring to your users. And perhaps one of the most crucial aspects of this process is adding activity indicators to your site. While a lot of ajax requests can be very fast, it's still important to let your users know that something is happening.
Timeout your Mouseovers - The problem with most menu systems is that they're really touchy whether you're too fast or slow with the mouse. The trick is to use a timeout with the effect, so it will wait a fraction of a second to pop-up, and a fraction of a second to go away…just enough to make the effect feel solid and not finicky.
Top 12 Ruby on Rails Tutorials - A former student asked me a few days ago how I learned Ruby on Rails. The answer was that I simply read alot of great tutorials. So in the spirit of sharing, here are the 12 tutorials that I found most useful.
quickSub - quickSub is a Javascript function that adds intelligence to the Jason Brome's RSS feed feed button on your web page. Just roll your mouse over the example, and you'll be instantly greeted by one-click subscription links to the most popular aggregators.
Litebox- Same great taste, less calories - Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving us the basic tools we need to make this work and you the ability to expand.
Go forth and API - Application Program Interfaces are, broadly speaking, tools for building software applications. An operating system API might help you build applications with a consistent interface, but Web APIs are mostly about giving you access to data. Even Web APIs aren't a new idea. Google's search API has been available via SOAP since 2002, and there's definitely older services than that. However, the recent growth in Web API availability has been fuelled by two recent developments. The first, which I've already mentioned, was a philosophical change in the way that data is handled. The second was the introduction of AJAX. Again, not a new idea, or even a new technology, but sometimes it's all about timing.
Scalable AJAX - AJAX done well can reduce server load and bandwidth, but I've seen a lot of people jumping on the AJAX bandwagon who don't really consider what the impact is on the back-end. Done badly, AJAX can bring a server to its knees.
Incito - Interactive Everything - SwfJax is a new approach to asynchronous JavaScript and XML applications using revolutionary Flash technology. SwfJax uses a lightweight SWF (Adobe's Small Web Format or simply - Flash) engine to get XML data from the server and xPath (XML Path Language) to address a part of data it has retrieved. Data can be returned back to Javascript as an Array. You can also send multiple xPath queries at once.
Ajax for Java developers: Exploring the Google Web Toolkit - The recently released Google Web Toolkit (GWT) is a comprehensive set of APIs and tools that lets you create dynamic Web applications almost entirely in Java(TM) code. Philip McCarthy returns to his popular Ajax for Java developers series to show you what GWT can do and help you decide whether it's right for you. (Note: You can now download an updated ZIP file containing the article source code.)
AJAX Desktop Tutorial - The purpose of this tutorial is to explain, step-by-step, how to create an AJAX desktop/homepage. The homepage we will create will have most of the capabilities of established homepages like Netvibes, PageFlakes, etc.
Quikmaps- maps for the masses - Draw pictures and label things on a google map using simple clicks and drags. Easily move the map to anywhere in the world. Quikmaps is perfect for: drawing a map to your house, sketching out a cycling or hiking route, or telling everyone where you saw the grizzly bear.
Fjax - a lightweight methodology for Ajax style development - Fjax is a technique focused on drastically streamlining the XML handling layer of web 2.0 applications. Picture Ajax's XML parsing and handling with less than 65 lines of code! It's not a replacement for toolsets that provide presentation-layer visual gizmos. Think of it as a new engine to put under the hood of all the great widgets that are already out there.
Javascript Sockets - I could not find a single way to have real sockets in Javascript. Google told me that there probably is no solution except embeding a java applet or an active-x component! So I thought why not using a little .swf file as a bridge from javascript to the socket functions of flash!
LITBox - So with all of the light/thick/whatever-box methods out there today, why would I build my own… because I wasn't all that thrilled with the other ones out there. Don't get me wrong, LITBox is not perfect, but for what I am developing at SpinWeb, it is the best fit. Probably the biggest advantage of the LITBox, is that it is a lightbox written into a class. This gives it the ability to open multiple instances of the LITBox and be able to control each one with unique settings and controls.
AJAX Security Basics - Ajax is considered the next step in a progression towards the trumpeted, "Web 2.0." The purpose of this article is to introduce some of the security implications with modern Ajax web technologies. Though Ajax applications can be more difficult to test, security professionals already have most of relevant approaches and tools needed.
OpenLayers - OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles and markers loaded from any source. MetaCarta developed the initial version of OpenLayers and gave it to the public to further the use of geographic information of all kinds. OpenLayers is completely free, Open Source JavaScript, released under the BSD License.
Using Ajax Agent and PHP for Auto-Complete - Description: In this HOWTO I will explain how to use AjaxAgent and PHP to create an Ajax Auto-Complete box with a drill-down list of data. Although the state of this Ajax Framework is questionable it is so far the simplest and easiest framework I have found.
HTTP Authentication with HTML Forms - Authentication in Web applications has been highjacked, HTTP defines a standard way of providing authentication but most apps use the evil spawn of Netscape, otherwise known as cookies. Why is this? Cookies aren't designed for authentication, they're a pain to use for it, insecure unless you know what you're doing, non-standard, and unRESTful.
Project jMaki - jMaki is all about enabling Java developers to use JavaScript in their Java based applications as either a JSP tag library or a JSF component.jMaki uses the best parts of Java and the best parts of JavaScript to deliver a rich AJAX style widgets. jMaki currently provides bootstrap widgets for many components from Dojo, Scriptaculus, Yahoo UI Widgets and DHTML Goodies. This project also includes a set of AJAX widgets with a focus on Web 2.0 such as a RSS widget, a del.icio.us Bookmark widget, a Chat widget, and many more to come.
The JavaScript Library World Cup - Love them or loathe them, JavaScript libraries are making a huge impact in the area of DOM Scripting. As AJAX matures, and the complexity of the scripts required to support its expanding use increases, it becomes much less feasible to produce custom code from scratch for every project.
SortedTable example - SortedTable allows you to make any valid table a sortable one. Tables can be sorted automatically or manually by moving rows.
JSXML XML Tools - JSXML includes REXML, a high-performance parser that doesn't mind if you throw 2000 lines of (well-formed) XML at it, a builder with a unique API that invites the coding of GUIs (graphical user interfaces) around it, and an iterator that makes costly recursion unnecessary. It was released under the LGPL (it's free for private and commercial use, no strings attached) and has been downloaded over 300 times.
Prototype Window Class : Samples - Here is a list of sample codes to show different ways to create windows and dialogs. You can view source of each example, even edit it and test your modification immediatly in your browser. Just click again on the link to open a new window/dialog with the modified code. Each window uses a javascript function to get a new id and DO NOT call setDestroyOnClose().
rendr 2 - Ive been tinkering with a rapid html prototyping tool for sometime and have finally fixed a critical bug that was making it a pain to use for large bits of markup. I now feel its good enough to share.
15 Days of jQuery - If your project calls for AJAX or DOM scripting and you need it done quickly, with minimal fuss, and you believe in keeping things simple, then jQuery might be perfect for you.
Developing PHP the Ajax way, Part 2: Back, Forward, Reload - A major challenge of Asynchronous JavaScript and XML (Ajax)-driven Web sites is the lack of a Back button. We will use JavaScript to create a history stack for the Ajax photo gallery built in Part 1 of this two-part "Developing PHP the Ajax way" series. This history stack will closely mirror the history utility found in Web browsers, and it will be used to provide Back, Forward, and Reload buttons for the application.
AJAX Feedback Mechanism - One thing that I have always tried to solicit as much as possible is user feedback. For example, when a user signs up for Toronto, they get a personalized email from me, complete with my actual email address. I want to make it as easy as possible to give feedback.
Bubble Tooltips - Nearly two years ago over at pro.html.it I wrote an article on how to build pure CSS tooltips and then spice them up with a little DOM to ensure semantic use of the title attribute. Recently I was playing with a variation, a nearly pure Javascript+CSS approach where the tasks assigned are more clearly separated: interaction to javascript, presentation to CSS. So the new article on Bubble Tooltips was published this week in italian on Pro, and I'm presenting here a translation for the international audience.
AJAX Counting Nightmares - I've been very vocal about the AJAX counting issue; I've written several articles, spoken on panels, and pushed the IAB to update the impression guidelines on a very fast timeline. There's been interest and response, and the IAB is beginning to act. But everyone involved in the process realizes this will take time. So today, my recommendations for how developers of AJAX Web pages and software applications that include advertising can deal with the unique counting issues.
Building a Pagination System with AJAX - You know how to use AJAX to pull rows from a database, but do you know how to create an AJAX-based system to organize the records neatly into pages? You'll know how to do that by the end of this series! This first article shows you how to build the user interface.
Prototype Window Class : Introduction - This javascript class allows you to add window in a HTML page. This class is based on Prototype. The code is inspired of the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it's not mandatory. It has been tested on Safari, Camino, Firefox and IE6.
DWR - Easy AJAX for JAVA - We are developing DWR version 2.0, and recently announced 'Reverse Ajax' which allows Java on the server to asynchronously send Javascript to the client. See the release notes for milestone 1 and milestone 2 or download it now.
Script# Prototype - Script# brings the C# developer experience (programming and tooling) to Javascript/Ajax world. This post shares a prototype project for enabling script authoring via C#..
Seven Ajax Frameworks and Toolkits to watch out for - Understanding Ajax is one part of the issue however the more complex part is that of actually implementing it. As no real Java developer can develop an application without using a framework, it was only a matter of time before hundreds of Ajax frameworks sprang up. With frameworks, there's always the concern that you will lock your applications into the framework or even worse adopt a framework that isn't suited to your needs.
Cheat Sheets for the YUI Utilities - The YUI development team has begun drafting some cheat sheets — inspired by the handy references published by ilovejackdaniels, among others — that give you a one-page dashboard of documentation for each of the library's components.
Working with the Google Web Toolkit - The Google Web Toolkit (GWT) is, in essence, a JavaScript generator. The interesting thing is what this JavaScript is generated from: Java. GWT takes Java code written against a special API and converts it into browser-runnable Ajax code. If that weren't enough to make it cool, it also includes a test harness (see Figure 1) that will execute the Java code inline with a test browser, allowing you to step-through debug (see Figure 2), profile and unit test your Ajax front end in your favorite IDE or at the command line.
Introducing Protowidget - I'd like to introduce a new JavaScript/Ajax framework that my company is creating. We're calling it Protowidget because it uses Prototype and does things with widgets. And yes, we know it's 2006 and this is something like the 800th Ajax framework released this year. We think this one is new and different, though (of course, every parent thinks their baby is beautiful).
Krunch - online file compression tool - Krun.ch is a simple tool that simplifies the process of compressing and sending your files online. Krun.ch isn't a replacement for the traditional desktop compression tools, but its just a tool that makes things easier by cutting down all the 'krunching' hassles!
Narrative JavaScript - Narrative JavaScript is a small extension to the JavaScript language that enables blocking capabilities for asynchronous operations. This makes writing asynchronous code sequences easier and increases code readability.
Popularity: 2% [?]
Post a comment