jQuery 1.1 Makes a Big Splash

I take the day off and hit the golf course only to come back and find out that John Resig and gang have launched jQuery 1.1 with a bunch of new improvements, reworked site design for the official jQuery site, and some really sharp jQuery plugins.

Just the Facts

John goes into much more detail on the main jQuery blog, but here is what you need to know, in a nutshell:

• Huge speed improvements
• Much better documentation for jQuery
• There is a jQuery compatibility plugin if your fav plugin doesn’t jive with version 1.1
• jQuery source code
• jQuery compressed

Read Full Post »

Create A Tabbed Interface Using jQuery

Creating tabbed interfaces suddenly becomes a piece-of-cake when using the Tabs function in the jQuery UI library. It can be utilized to create completely unique interfaces without having to be a coding God – using only one line of code!

Read Full Post »

Create an Amazon Books Widget with jQuery and XML

Preface

One thing to remember as you seek to try this out on your own is that Internet Explorer security settings do not allow you to make XmlHttpRequest calls from the local file system. Even though you are not using a server-side language, you still need to run the source code from a Web server like Apache’s HTTP Server. Uploading the files to a Web hosting account would work as well.

This tutorial is using the minified jQuery 1.2.6 core JavaScript file, which can be downloaded here from Google Code. No other plugins are necessary. Here is a screenshot of the widget in its final form:

Read Full Post »

The iPhone unlock screen in xHTML, CSS and jQuery

The iPhone: Everybody knows what it is, many people “played around” with the gadget and most people love it. I also own one of these amazing smartphones, and the looks of the software is really, really sleek and innovative (Just like we’re used from Apple).

I wanted to transfer (some) of these amazing designs to a webpage to re-create the same look and feel for webbrowsers. Today, I’m going to show you how to create The iPhone unlock screen in xHTML, CSS and jQuery.

Read Full Post »

Pretty checkboxes with jQuery

I was working on a project recently where form checkboxes were required, but the standard UI would not do. I needed something a little more engaging. So in this short tut, I’ll show how to turn this…

…into this

Read Full Post »

Create a Digg-style post sharing tool with jQuery

I will show you how to create a social bookmarking tool that look similar to digg’s. It looks cool, practical and useful! I also include the komodomedia’s social bookmarking icons and a long list of submission URL for one click bookmark.

 

Read Full Post »

7 Free & Powerful File Managers using Ajax/PHP/JS

If you are looking for a powerful file manager ready to use in your web projects and simple to customize, take a look at this list with the best and free file manager currently in circulation. Some of these file managers support PHP only or javascript only or Ajax that will give you powerful tool to easily browse directories & files on the server, search, upload and download files, edit, copy, move, delete files and more.

 

If you know other interesting resources about this topic please leave a comment!

1. AjaXplorer

AjaXplorer is a free Ajax file manager with an easy-to-install file explorer for remotely managing files on a web server. Its “rich client” layout and actions make it accessible to any end-user for a variety of purposes: file management/sharing, photo gallery, code browsing, etc. Only PHP (4 or 5) is necessary, no database needed.

• Rename/Copy/Move/Delete/Download files or folders
• Upload multiple files and track status with progress bar (Flash required and no https)
• Create folders and empty files
• Edit Text files and code files (js, php, html, java, sql, perl), syntax is highlighted in the editor
• View Images online, preview images in the list, diaporama of a given folder
• Listen to MP3sonline without downloading them
• View Flash videos (FLV) online and full screen.
• Browse and Extract ZIP files online

2. fileNice

fileNice is a free php file browser, particularly useful if you have a ‘dump’ folder on your server where you regularly upload files and you want to be able to see what’s there.

Read Full Post »

10 Best Sources of Ajax/Javascript Examples and Demos

In this collection, you’ll find 10 excellent websites and blogs that provide high-quality examples and tutorials on Ajax and Javascript .

 

1. Ajax Rain

AjaxRain has illustrated examples of some nifty web-fx that can be achieved with combinations of AJAX, CSS, DHTML or Javascript. Some of the demos are definitely worth a look, even if you aren’t a web designer/programmer.

Ajax/Javascript Examples

• – EXT JS Date Picker
• – jQuery Feed Menu
• – jGrowl
• – FastFind Menu – Jquery
• – Spiffy Accordion

2. Ajax Daddy

A large collection of nifty web 2.0 tools. One neat feature is that you can play with the demo online, before you decide to put the example on your own website.

Read Full Post »

Microsoft: IE8 beats Firefox and Chrome in 7 out of 10 areas

Microsoft has launched a website titled “Windows Internet Explorer 8: Get the facts,” where it gives reasons for installing the browser, compares it to two competing browsers, and busts myths around its offering. At the top, there are selective quotes from different IE8 articles, including one from our own. 

Internet Explorer 8 may have been released in March, but Microsoft is still pushing new marketing efforts. Let’s have a look at each of the three sections to see what exactly Microsoft is promoting.

In the “Reasons to install” section, Microsoft lists eight distinct points for moving to IE8. Every single one of the points is valid, as long as you can see through the slight exaggeration. IE8 is a huge improvement over IE7, and this section underlines that quite well:

Read Full Post »

ASP.NET AJAX Control Development

An in depth guide to developing controls with the ASP.NET AJAX

Introduction

In my previous article, I have presented the AJAX Grid and a Generic Pager, which mimics the built-in GridView control on the client side. In this part, I will provide details about developing Ajax Controls with the ASP.NET AJAX Framework.

Although the main goal of this article is to show you how to develop ASP.NET AJAX Controls with the ASP.NET AJAX Framework, it’s really worth to read this, even if you are only interested in ASP.NET AJAX Framework instead of developing controls.

Developing ASP.NET AJAX Control requires both client and server side knowledge of the ASP.NET AJAX Framework. Certainly, the client side requires more knowledge and coding compared to the server side. In this part I will cover both; let’s start with the client side.

Client Side

The real beauty of the Microsoft Ajax Library is that it extends JavaScript’s object oriented model and provides an enhanced type system, which contains namespace, class, interface, enum, exception, reflection and other constructs that .NET developers are familiar with. If you are new to this enhanced type system or do not know how to create namespaces, classes, interfaces in ASP.NET AJAX following the prototype model, I recommend you to read Extending JavaScript with ASP.NET AJAX first before moving forward with this article.

Although the Ajax controls are inherited from Sys.UI.Control, the heart of Ajax controls is the Sys.Component class. This class mostly resembles the .NET Framework’s System.ComponentModel.Component class. The following diagram will give you a good understanding of the inheritance chain related to Ajax control development.

Read Full Post »