Ajax Freak

Top Seven Innovative PHP Classes

admin — Sun, 05 Sep 2010 10:47:05 +0000

Ajax Freak presents the top innovative PHP CLASSES selection from PHP CLASSES.ORG which have conducted a competition and select the top seven listed below php classes.

Generate HTML to display ribbon-like menus
Check whether a password is strong
Manage a list of tasks of a to do list
Evaluate and render polynomial equations
Filter scalars, arrays, data objects recursively
Check and retrieve the redirection URL of a page
Manage user contacts

Generate HTML to display ribbon-like menus

This class can be used to generate HTML to display ribbon-like menus.

It can build a structure of menus, categories and buttons and generates HTML and JavaScript to display a ribbon menu.
Dowload all styles and Themes From

http://www.tufyta.com/php-ribbon

Download D3Ribbon Menu

Check whether a password is strong

Practically all sites that provide personalized access, require that the users create an account and choose a password.
This way, the sites can identify and authenticate the users and only provide access to the accounts information and services to the users that really own the respective account.
One problem with this approach is that many users choose passwords that are easy to guess.
This class provides a solution to prevent that users choose passwords that are too easy to guess.
It computes a score for each password that the user chooses, so the site may ask the user to choose an harder to guess password if the score is too low.

This class can be used to check whether a password is strong enough to not be guessed easily.
It can perform several tests on a given password string to compute a score that represents the strength of a password.

Download te-edu Password Meter

Manage a list of tasks of a to do list

This package can be used to manage a list of tasks of a to do list.
It can create, update, delete and list tasks of a to do list stored in a database.
It can also manage folders that can contain different groups of to do tasks.

Download Todo List

Evaluate and render polynomial equations

Polynomial equations are used to solve many types of scientific problems, for instance in physics.
This class provides a solution to evaluate and render polynomial equations in Web pages.

This package can be used to evaluate and render polynomial equations.
It can take an array of coefficients of a polynomial equation and can evaluate it for a given x value.
It can also generate HTML to render the equation in a Web page.

Download

Filter scalars, arrays, data objects recursively

This package can be used to filter the values of scalars, arrays, data objects recursively.
It can take an arbitrary value and apply filtering operations implemented by separate filter classes.
Arrays and objects can be traversed recursively to filter all their member values.
Multiple filter objects can be arranged in a chain to perform several types of filtering operations.
Currently the package includes filter classes for encoding text as HTML with entities, convert new line characters to HTML line break tags, etc..
This package also provides wrappers to use the filters with the Zend Framework and Smarty template engine.

Download

Check and retrieve the redirection URL of a page

When a browser accesses a Web page, the server can send an HTTP header to redirect the browser to another page.
However, there are other ways to redirect a browser to another page, like for instance using HTML META tags.
This class provides a solution to detect whether the browser will be redirected to another page, by detecting both HTTP and HTML META tag redirection.

This class can be used to check and retrieve the redirection URL of a page.It can check if accessing a given page redirects the browser to another page, either via response headers or meta tags.The class returns the redirection URL if the browser would be redirected to another page.

Download

Manage user contacts

This package can be used to manage user contacts.
It can create and manage database records of people that are listed as contacts, as well the form of contact.
The contacts can be gathered in folders.

Download

Equation

Share it

Ajax Freak Top 10 Moo Tools Image Galleries and Slider Picks

admin — Thu, 02 Sep 2010 13:14:48 +0000

Ajax Freak brings the top of the ten pick of Moo Tools Image Galleries and content sliders around the web.

Slideshow 2

Slideshow 2! is a Javascript class for Mootools 1.2 to stream and animate the presentation of images on your website.
Slideshow 2 Docs & Download
Slideshow 2 Demo

Floom

Floom is a super-stylish blinds-like slideshow widget for MooTools 1.2.2+.
Floom
Floom Demo

Nivoo-Slider

The Nivoo-Slider is an image gallery, featuring 14 different transition effects that has been based on the jQuery Plugin NivoSlider (http://nivo.dev7studios.com/).
Nivoo-Slider Docs & Download
Nivoo Slider Demo

SlideItMoo

SlideItMoo cross-browser and nicely degradable slider plugin for MooTools 1.2 with All CSS styling is external making it very easy to customize its look and feel.
SlideItMoo Docs & Download
SlideItMoo Demo

slideGallery

slideGallery Docs & Download
slideGallery Demo

noobSlide

noobSlide is a class for MooTools (1.11 and 1.2 downloads available) that will allow you to create image and content slideshows with ease.
noobSlide Docs & Download
noobSlide Demo

iCarousel

iCarousel Docs & Download
iCarousel Demo

Gradually

Gradually is an experimental slide show plug-in using the canvas element. It offers API, a slide show, and a thumbnail gallery using ImageDrawer.
Gradually Docs & Download
Gradually Demo

Sliding Tabs

Sliding Tabs Docs & Download
Sliding Tabs Demo

scrollGallery

scrollGallery Docs & Download
scrollGallery Demo

SmoothGallery 2.0

Using mootools v1.11, this gallery and slideshow plugin allows you to have simple and smooth (cross-fading…) image gallery and slideshow.
SmoothGallery 2.0 Docs & Download
SmoothGallery 2.0 Demo

Share it

3 New jQuery Tooltip Plugins

admin — Wed, 01 Sep 2010 14:39:23 +0000

Here are the new three jquery Tooltip Plugins which are picks by ajax freak around the world of web.

Cute Balloon

Cute Balloon is a jQuery script that allows you to easily make a ‘cute’ tool tip balloon. It also works with Ajax content.
Cute Balloon Download & Docs
Demo

Poshy Tip

PoshyTip includes 7 different color schemes for tooltips; it displays tooltips relatively to forms and inputs; supports asynchronous page loading; can load flickr feeds; has fade-in effects; and much, much more.
Poshy Tip Download & Docs
Demo

Colortip

Colortip converts the title attributes of an element within your page, into a series of colorful tooltips. With six color themes are available, you can easily match it with the rest of your design.
Colortip Download & Docs
Demo

Share it

Ajax IM Browser-based instant messaging

admin — Tue, 24 Aug 2010 14:59:49 +0000

AJAX IM (“asynchronous JavaScript and xml based instant messenger”) is a browser-based instant messagingclient that allow you to creates a real-time chat environment with a browser based interface. you can use it freely on your website projects or web applications.

It uses the XMLHTTP Request object in JavaScript to send and receive commands to and from the server. No refreshing of the page is ever needed for this “web application” to work, as everything is updated in real-time via JavaScript.

Ajax IM is multiplatform, multilingual instant messaging client and language files can be found in the Ajax IM website.

Requirement: PHP, MySQL

Website: http://www.ajaxim.com/

Backend Demo: http://www.ajaxim.net/

Backend Demo – User-Pass: User: test – Pass: test

Download: http://www.ajaxim.com/

Share it

Four New Beautiful jQuery Image Galleries

admin — Sun, 15 Aug 2010 08:52:25 +0000

PhotoStack Gallery

PhotoStack Gallery is to show the albums as a slider, and when an album is chosen, It show the images of that album as a beautiful photo stack. In the photo stack view, we can browse through the images by putting the top most image behind all the stack with a slick animation.

It use jQuery and CSS3 properties for the rotated image effect. It also use the webkit-box-reflect property in order to mirror the boxes in the album view – check out the demo in Google Chrome or Apple Safari to see this wonderful effect.

Demo : Download

Sliding Panel Photowall Gallery

The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from the bottom revealing the full picture. When clicking on the full image, the thumbs panel slide back from the bottom. This effect will give the impression that we are stacking the panels on top of each other every time we change the mode. In the full picture view we add some nice transition effect when we browse through the photos.

Demo : Download

Piecemaker XML Gallery

The Piecemaker, a 3D Flash image rotator gallery in the purest sense of the word. It’s Open Source, so feel free to download it, use it in any project you like, learn from it, modify it and improve it if you can. We’d love to see what you do with it. Of course that’s no binding condition, but we’d love to showcase your work on the official Piecemaker website.

Demo : Download : Tutorial

Zoomimage – jQuery plugin

Present you images in stylish way. The links are unobtrusively highjacked to open the images in an inpage popup with drop shadow and border.
Features
* Preloads images
* The images can by grouped in galleries
* Scales the image to fit the viewport
* Keyboard gallery navigation

Do wnload and Demo

Share it

Alternate Ajax Techniques

admin — Sun, 15 Aug 2010 08:18:05 +0000

By Nicholas C. Zakas.

By now, nearly everyone who works in web development has heard of the term Ajax, which is simply a term to describe client-server communication achieved without reloading the current page. Most articles on Ajax have focused on using XMLHttp as the means to achieving such communication, but Ajax techniques aren’t limited to just XMLHttp. There are several other methods; we’ll explore some of the more common ones in this series of articles.

View

Share it

Common Mistakes in Ajax Development

admin — Sun, 15 Aug 2010 08:13:39 +0000

Ajax is also a dangerous technology for web developers, its power introduces a huge amount of UI problems as well as server side state problems and server load problems. I’ve compiled a list of the many mistakes developers using Ajax often make.

Using Ajax for the sake of Ajax

Sure Ajax is cool, and developers love to play with cool technology, but Ajax is a tool not a toy. A lot of the new Ajax applications are really just little toys, not developed for any real purpose, just experiments in what Ajax can do or trying to fit Ajax somewhere where it isn’t needed. Toys might be fun for a little while, but toys are not useful applications.

Breaking the back button

The back button is a great feature of standard web site user interfaces. Unfortunately, the back button doesn’t mesh very well with Javascript. Keeping back button functionality is a major reason not to go with a pure Javascript web app.

Not giving immediate visual cues for clicking widgets

If something I’m clicking on is triggering Ajax actions, you have to give me a visual cue that something is going on. An example of this is GMail loading button that is in the top right. Whenever I do something in GMail, a little red box in the top right indicates that the page is loading, to make up for the fact that Ajax doesn’t trigger the normal web UI for new page loading.

As web applications push the boundaries further and further, it becomes more and more compelling to move all applications to the web. The provisioning is better, the world-wide access model is great, the maintenance and configuration is really cool, the user interface learning curve is short.

However with this new breed of Ajax applications, people who have spotty internet connections or people who just don’t want to switch to the web need to be accomodated as well. Just because technology ‘advances’ doesn’t mean that people are ready and willing to go with it. Web application design should at least consider offline access. With GMail it’s POP, Backpackit has SMS integration. In the Enterprise, it’s web-services.

Don’t make me wait for Ajax

With FireFox tabs I can manage various waits at websites, and typically I only have to
wait for a page navigation. With AJAX apps combined with poor network
connectivity/bandwidth/latency I can have a really terrible time
managing an interface, because every time I do something I have to wait
for the server to return a response. God help me if it has to go to the
server’s disk before I can continue. Apps like that might even make me think Ajax wasn’t cool.

Sending sensitive information in the clear

The security of AJAX applications is subject to the same rules as any web application, except that once you can talk asynchronously to the server, you may tend to write code that is a very chatty in a potentially insecure way. All traffic must be vetted to make sure security is not compromised.

Assuming AJAX development is single platform development

Ajax development is multi-platform development. Ajax code will run on IE’s javascript engine, Rhino (Mozilla’s js engine), or other minor engines that may grow into major engines. So it’s not enough just to code to JavaScript standards, there needs to be real-world thorough testing as well. A major obstacle in any serious Javascript development is IE’s buggy JS implementation, although there are tools to help with IE JS development.

Too much code makes the browser slow

Ajax introduces a way to make much more interesting javascript applications, unfortunately interesting often means more code running. More code running means more work for the browser, which means that for some javascript intensive websites, especially poorly coded ones, you need to have a powerful CPU to keep the functionality zippy. The CPU problem has actually been a limit on javascript functionality in the past, and just because computers have gotten faster doesn’t mean the problem has disappeared.

Not having a plan for those who do not enable or have JavaScript.

According to the W3C browser usage statistics,
which if anything are skewed towards advanced browsers, 11% of all visitors don’t have JavaScript. So if your web application is wholly dependent on JavaScript, you’ve immediately cut a tenth of your audience.

Inventing new UI conventions

A major mistake that is easy to make with Ajax is: ‘click on this non obvious thing to drive this other non obvious result’. Sure, users who use an application for a while may learn that if you click and hold down the mouse on this div that you can then drag it and permanently move it to this other place, but since that’s not in the common user experience, you increase the time and difficulty of learning your application, which is a major negative for any application.

Changing state with links (GET requests)

As I’ve referenced in a previous posting, Ajax applications introduce lots of problems for users who assume GET operations don’t change state. Not only do state changing links cause problems for robots, users who are accustomed to having links drive navigation can become confused when links are used to drive application state changes.

Blinking and changing parts of the page unexpectedly

The first A in Ajax stands for asynchronous. The problem with asynchronous messages is that they can be quite confusing when they are pop in unexpectedly. Asynchronous page changes should only ever occur in narrowly defined places and should be used judiciously, flashing and blinking in messages in areas I don’t want to concentrate on harkens back to days of the html blink tag.

Not using links I can pass to friends or bookmark

Another great feature of websites is that I can pass URLs to other people and they can see the same thing that I’m seeing. I can also bookmark an index into my site navigation and come back to it later. Javascript, and thus Ajax applications, can cause huge problems for this model of use. Since the Javascript is dynamically generating the page instead of the server, the URL is cut out of the loop and can no longer be used as an index into navigation. This is a very unfortunate feature to lose, many Ajax webapps thoughtfully include specially constructed permalinks for this exact reason.

Not cascading local changes to other parts of the page

Since Ajax/Javascript gives you such specific control over page content, it’s easy to get too focused on a single area of content and miss the overall integrated picture. An example of this is the Backpackit title. If you change a Backpackit page title, they immediately replace the title, they even remember to replace the title on the right, but they don’t replace the head title tag with the new page title. With Ajax you have to think about the whole picture even with localized changes.

Asynchronously performing batch operations

Sure with Ajax you can make edits to a lot of form fields happen immediately, but that can cause a lot of problems. For example if I check off a lot of check boxes that are each sent asynchronously to the server, I lose my ability to keep track of the overall state of checkbox changes and the flood of checkbox change indications will be annoying and disconcerting.

Scrolling the page and making me lose my place

Another problem with popping text into a running page is that it can effect the page scroll. I may be happily reading an article or paging through a long list, and an asynchronous javascript request will decide to cut out a paragraph way above where I’m reading, cutting my reading flow off. This is obviously annoying and it wastes my time trying to figure out my place

Blocking Spidering

Ajax applications that load large amounts of text without a reload can cause a big problem for search engines. This goes back to the URL problem. If users can come in through search engines, the text of the application needs to be somewhat static so that the spiders can read it.

Share it

Six Popular Ajax Tutorials

admin — Sun, 15 Aug 2010 07:48:22 +0000

Ajax Freak this time brings the new but popular and easy to understand tutorials on Ajax scripting.You can read and download code .These include ajax chat tutorial,Ajax Poller script,Ajax Bookmarlet,Ajax Login syste,Ajax Rss Ticker and Ajax effects

AJAX Chat Tutorial

Online chat that implemented using ajax and php on mysql database, easy to learn an code is available

View

AJAX Poller Script

Very interesting and easy to use Ajax poller script.you can download code in zip file.

View

AJAX: Creating Huge Bookmarklets

A bookmarklet is a special piece of JavaScript code that can be dragged into a user’s link toolbar, and which later can be clicked on to implement cross-site behavior. People have done all sorts of cool stuff with it.

View

Create Your Own Ajax effects

The basic and prebuilt effects in script.aculo.us are nice, but if you really want to build something great why not investigate doing your own, homegrown, do-it-yourself effects. We’re going to show you how to take basic effects and build on them to create your own. So let’s get going.

View

AJAX Login System Demo

Creating a secure login system using XMLHttpRequest

This is an example of a login system that does not require page refreshes, but is still very secure. Valid usernames and passwords for this demo are user1/pass1 and user2/pass2. Try these, and also incorrect passwords to see the results

View

RSS Ticker with AJAX

RSS is a popular format for syndicating and displaying external content on your site, such as the latest headlines from CNN. Well, with this powerful RSS ticker script, you can now easily display any RSS content on your site in a ticker fashion!

View

Share it

45 Helpful resources to start learning Ajax.

admin — Wed, 04 Aug 2010 17:21:03 +0000

Here are the 45 Helpful link resources of tutorials around the web to start learning Ajax from scratch.

An Ajax Hello World project to Get You Going : First program at Mike On Code
Rasmus 30 second AJAX Tutorial : first program using Ajax at CoderLab
Instant Tutorial : Quick tutorial at AleemBawany
Ajax Toybox : Simple first programs including, Hello, World, Dynamic City, State Lookup, Ajax to Clean Your Clock, Ajax Calculator and an RSS News Ticker.
A simple Ajax example : a simple program demo for Ajax at MD Groves

Ajax Toolbox / XMLHttpRequest AjaxRequest Library Examples : Ajax examples including Error Handing, Time Out, Simultaneous Requests, Activity Monitoring, Form Submittal, Event Handlers, Queued Requests, Request Parameters
An Introduction to Ajax : introduction to Ajax at Prokata
Implementing simple Ajax interaction in your Web Application using XMLHttpRequest object : Intro + explanatory diagram at JavaReference
Nitty Gritty Ajax : Intro and Tutorial at WebMonkey
A List Apart: Articles: Getting Started with Ajax : An excellent intro ; Chapter 27 of Web Design in a Nutshell at A List Apart
Ajax Beginners Tutorial : Intro at AjaxProjects
Guide to Using XMLHttpRequest : Using XMLHttpRequest with PHP and MySQL at WebPasties
Ajax : Tutorial at YourHTMLSource
Javascript Remote Scripting with PHP : Tutorial at SimpleTutorials
How To: Learn AJAX in 20 minutes : Intro at Sematopia
Take Command with Ajax : Intro tutorial; at SitePoint
Ajax Tutorial : Ajax tutorial at W3Schools.com
Ajax Tutorial : at Tizag.com
Ajax Hello World : at Jot.com
Fundations of Ajax (PDF : by Ryan Asleson
All Request, All The Time : XMLHttpRequest explanation at WebMonkey
Very Dynamic Web Interfaces via Ajax : at XML.com
A Simpler Ajax Path : at OnLamp
Alternate Ajax Techniques, Part 1 : Detailed intro at WebReference
Ajax:Getting Started : Long intro at Mozilla Developer Center
Dynamical HTML and XML: The XMLHttpRequest Object : at Apple.com
Mastering Ajax Part 1 : Introduction to Ajax : at IBM
Mastering Ajax Part 2 : Make asynchronous requests with JavaScript and Ajax : at IBM
Mastering Ajax Part 3 : Advanced requests and responses in Ajax : at IBM
Mastering Ajax Part 4: Exploiting DOM for Web response : at IBM
How to Develop Web Applications with Ajax, Pt. 1 : App Development Series at WebReference
How to Develop Web Applications with Ajax: Pt. 2 : App Development Series at WebReference
Developing Web Applications with Ajax, Pt. 3 : App Development Series at WebReference
Ajax Workshop 1: Ajax basics & building a simple email verification with prototype.js. : at AjaxLessons
Ajax Workshop 2: Building Tabbed Content : at AjaxLessons
Ajax Workshop 3: Shopping Cart using Script.aculo.us : at AjaxLessons
Ajax Workshop 4: Live Data with JSON & Prototype.js : at AjaxLessons
AJAX Was Here – Part 1: Client Side Framework : at CodeProject
AJAX Was Here – Part 2: ASP.NET Integration : at CodeProject
AJAX WAS Here – Part 3 : Auto Complete TextBox : at CodeProject
Step by Step to AJAX : at DevArticles
The AJAX Revolution. Join in. : Five-part detailed tutorial ; at telerik.com
Very Dynamic Web Interfaces : at XML.com
Ajax from Scratch: Implementing Mutual Exclusion in JavaScript : Basic tutorial at Developer
AdvancedAJAX 1.1 : at Anakin

Share it

Ajax Freak

Top Seven Innovative PHP Classes

Generate HTML to display ribbon-like menus

Check whether a password is strong

Manage a list of tasks of a to do list

Evaluate and render polynomial equations

Filter scalars, arrays, data objects recursively

Check and retrieve the redirection URL of a page

Manage user contacts

Ajax Freak Top 10 Moo Tools Image Galleries and Slider Picks

Ajax Freak brings the top of the ten pick of Moo Tools Image Galleries and content sliders around the web.

Slideshow 2

Floom

Nivoo-Slider

SlideItMoo

slideGallery

noobSlide

iCarousel

Gradually

Sliding Tabs

scrollGallery

SmoothGallery 2.0

Top 4 jQuery Video and Media Plugins

Ajax freak presents its list of top four jQuery Video and Media Plugins

with download and demo links

jQuery YouTube TubePlayer

MediaElement.js

jMediaelement

FlareVideo

3 New jQuery Tooltip Plugins

Here are the new three jquery Tooltip Plugins which are picks by ajax freak around the world of web.

Cute Balloon

Poshy Tip

Colortip

Ajax IM Browser-based instant messaging

Four New Beautiful jQuery Image Galleries

PhotoStack Gallery

Sliding Panel Photowall Gallery

Piecemaker XML Gallery

Zoomimage – jQuery plugin

Alternate Ajax Techniques

Common Mistakes in Ajax Development

Using Ajax for the sake of Ajax

Breaking the back button

Not giving immediate visual cues for clicking widgets

Don’t make me wait for Ajax

Sending sensitive information in the clear

Assuming AJAX development is single platform development

Too much code makes the browser slow

Not having a plan for those who do not enable or have JavaScript.

Inventing new UI conventions

Changing state with links (GET requests)

Blinking and changing parts of the page unexpectedly

Not using links I can pass to friends or bookmark

Not cascading local changes to other parts of the page

Asynchronously performing batch operations

Scrolling the page and making me lose my place

Blocking Spidering

Six Popular Ajax Tutorials

AJAX Chat Tutorial

AJAX Poller Script

AJAX: Creating Huge Bookmarklets

Create Your Own Ajax effects

AJAX Login System Demo

RSS Ticker with AJAX

45 Helpful resources to start learning Ajax.

Here are the 45 Helpful link resources of tutorials around the web to start learning Ajax from scratch.