blogfreakz.com » Ajax

Rcarousel: A Continuous jQuery UI Carousel

Keith@Blogfreakz — Mon, 09 Jan 2012 08:50:41 +0000

Before you toss this off as just another slider review, check out this innovative content slider and carousel made with jQuery, called the rcarousel.

Created by front-end developer Wojciech rrh Ryrych, this continuous carousel is basically a jQuery UI widget which latest version (v1.1) was just released recently. Its inherent capabilities from its predecessor include custom events and a simple API.

Rcarousel supports HTML content: just place anything inside a DIV container, install the widget, and that’s it. It is highly customizable and allows the user to navigate through the content with bullets or set the scrolling to auto mode without navigation.

What sets this carousel from the others is that it has the multi carousel feature!

Check out the demo. Cool, isn’t it?

You can customize the rcarousel’s appearance by indicating the number of visible elements and a step (number of elements to scroll by). Another nice feature is loading elements on demand at runtime via API. With little effort you can fetch XML, JSON, parse them and then add elements with ‘append’ method.

Its other features are:
• Many options to choose from
• Simple to use
• Supports IMG images with links
• Auto mode
• Custom pagination

Rcarousel supports many browsers and has been tested successfully in the following:
• Internet Explorer 7+
• Firefox 3.0+
• Chrome
• Opera 10.10+
• Safari 4.0.5+

Click on the following links to download the rcarousel or its source code, and if needed, to report bugs.

If you enjoyed this carousel, you may also want to consider using Ryrych’s jQuery UI mediabox, called
rlightbox2 .

Incoming search terms for the article:

2012 Web Development and Tech Forecasts

Carmela@Blogfreakz — Sat, 31 Dec 2011 12:00:24 +0000

AS we usher in 2012, the web development community has been coming up with several forecasts for the industry. Although most of this surrounds an influx of greater improvements in the technological frontier, it may also spell doom for some brands. The question is, how will these changes affect the entire tech landscape for users, developers, designers, and marketers?

Let’s check out some of the latest online buzz:

IT enterprise vendors seek to reduce failures from the past year and use them as leverage for future improvements.

Mobile competition becomes steeper with rapid developments in functionality, though this may result in some popular mobile brands falling behind the race.

Dominant frameworks such as jQuery, Node.js, Socket.io, Fitvids, JavascriptMVC and SproutCore, as well as HTML5 will take the lead in the web development industry. Same goes for software as independent support for hardware.

Some tech editors predict exciting, if sometimes drastic changes in the industry, from the rise of OpenFlow to patent wars, to the resurrection of the music distribution business, all founded on a common theme: consumerization.

Awesome, isn’t it? And if you’re still hankering for more juicy info on what’s in store for us this year, check out this list of web design trends and 15 hot technologies, which are probably more than enough to last us the next 6 months.

And with that, we at Blogfreakz.Com wish you all a wonderful 2012!

Incoming search terms for the article:

7 jQuery Plugins To Jazz Up Your Website

Keith@Blogfreakz — Wed, 28 Dec 2011 10:47:33 +0000

The following jQuery plugins are great for for event management, animation and Ajax interactions, and will certainly turn your website into eye-candy for your visitors!

Ninja UI – This plugin is one big pack of web interface: it has buttons, icons, tooltips, sliders, and more! Its design gets plenty of rave reviews for being beautiful, efficient and unobtrusive.

Mobiscroll – This one is optimized for touchscreen devices. Although it’s mainly used for scheduling tasks, dates, and appointments, it can also be used for other values such as images. It also works well as a dropdown list alternative. Check out its demo.

Elycharts – A pure Javascript charting library, this one is easy to use and completely customizable. With this you can create interactive charts with key features such as legend and label support, mouse tracking, tooltips, and animation. It doesn’t require any client side plugins like Flash or Java, and runs on the client browsers so installation isn’t necessary. View the demo here.

Timelinr – Thanks to its customizable layouts, speed, and transparency, you can say goodbye to boring old timelines. Check out its demo.

jQuery.fracs – This impressive plugin helps determine the visible fractions of an element that is currently in the viewport. It allows users to easily skip through different sections of a website, making it ideal for one-page websites. Get a load of the demo.

PikaChoose – This extremely lightweight jQuery slideshow plugin integrates smoothly with jCarousel and has API hooks for lightbox and Fancybox integration too.

Blueberry – This image slider plugin was written specifically to work with responsive web layouts. Enjoy its responsiveness here.

Incoming search terms for the article:

Upload Your Files with These 10 Powerful jQuery Uploader Plugins

Marvin@Blogfreakz — Wed, 21 Dec 2011 02:21:23 +0000

Today’s web developers are unstoppable about creating newer and better plugins for your web site, so I’ve gathered 10 of the most powerful jQuery File Uploaders for your web site or blog. One of the plugins featured here is the jQuery upload which lets you upload your files by Ajax style.

Ajax Upload by Valums

Ajax Upload provides good user experiences everywhere. It uses XHR for multiple uploads of files with progress bar in FF3.6+, Safari4+, Chrome and goes back to the hidden iframe based-upload in other browsers.

Plupload v1.5.1.1

This file uploader lets you upload your files using Silverlight, Flash, HTML5 Gears and BrowserPlus. It also allows resizing of image and shows you its upload progress.

Uploadify

This plugin combines Javascript and other known server-side languages. It has multiple file upload abilities and a large support community with the docs.

Ajax Multiple File Upload Form using jQuery

This plugin permits the user to upload multiple files easily.

Multiple File Upload Plugin

This is an unobtrusive plugin which helps the user to select multiple files with ease, provides basic validation functionality, and helps identify errors without before you upload our files.

Uploadprogress v0.3 – jQuery + PHP plug-in

It allows users to select files individually and provides information about the uploading progress.

jQuery Form Plugin

A basic file uploader form that allows you to test your files.

Fancy Upload – Swiff meets Ajax v3.0

This plugin is easy to set up, server-independent, uses MooTools to work on all modern browsers and styleable through XHTML and CSS. It features a multiple file selection menu and queued upload with animated progress bar.

SWFUpload jQuery Plugin

The SWFUploader, which was rewritten by Adam Royle, uses jQuery to make a real event dispatcher. It makes multiple SWFupload instances on single page easier to manage, completely separates SWFUpload object from UI codes, and has the ability to assign multiple callbacks per event.

IqUploader

This plugin sends the file you choose the email address you input.

Incoming search terms for the article:

Ajax AutoComplete For jQuery

Mufti Ali — Thu, 12 May 2011 12:36:54 +0000

Ajax Autocomplete for jQuery is plugin for allows you to easily create autocomplete/autosuggest boxes for text input fields.It is built with focus on performance. Results for every query are cached and pulled from local cache for the same repeating query. If there are no results for particular query it stops sending requests to the server for other queries with the same root.

Web page that provides data for Ajax Autocomplete, for example autocomplete.ashx will receive GET request with querystring ?query=Li, and it must return JSON data.

Requirements: jQuery Framework
Demo: http://www.devbridge.com/projects/autocomplete/jquery/
License: MIT License

Incoming search terms for the article:

One Line Ajax Requests With jQuery-ahm

Mufti Ali — Wed, 06 Apr 2011 13:19:37 +0000

jquery-ahm is a light-weight jquery plugin that reduces ajax requests to one-line. jquery-ahm is a replacement for $.ajax. With $.ajax, every ajax request needs a callback, resulting in a lot of javascript. $.ahm reduces javascript code by letting the response data define the actual callbacks.

Features

Super light-weight: ~1KB minified
Reduces ajax requests to one-line (including ajax form validation)
No more custom callbacks for every ajax request
Lets back-end define post ajax callbacks (applied automagically)
Supports all jquery + custom callbacks in back-end code
Drop in replacement for $.ajax() (supports all $.ajax options)

Requirements: jQuery Framework
Demo: http://www.jqueryahm.com/examples
License: MIT License

Incoming search terms for the article:

Smartupdater – Periodical Updating jQuery Plugin

Mufti Ali — Thu, 06 Jan 2011 05:24:00 +0000

Smartupdater is plugin for jQuery that allow us to performs periodical updating functionality and can be used in all sorts of applications which need “polling” mechanisms.

Smartupdater can be started, stopped or restarted on any event and you can set the interval of the polling periods as well (you can also set this timeout value remotely). It has smart behaviour, it will updates only if new data is different from the old one (text or json only). Multiplies polling interval each time data is not changed (text or json only). The handle ajax failures, allow us to stop request data after “maxFailedRequests.

Requirements: jQuery Framework
Demo: http://www.eslinstructor.net/demo/smartupdater2/smartupdater_basic.html
License: MIT License

Incoming search terms for the article:

File Uploader With Progress Bar, Drag & Drop

Mufti Ali — Fri, 12 Nov 2010 03:27:59 +0000

Ajax Upload uses XHR for uploading multiple files with progress-bar in FF3.6+, Safari4+, Chrome and falls back to hidden iframe based upload in other browsers, providing good user experience everywhere. Ajax upload allow us to upload a file by click on the upload file button or drag-and-drop which is supported in FF, Chrome. Progress-bar is supported in FF3.6+, Chrome6+, Safari4+.

Features

multiple file select, progress-bar in FF, Chrome, Safari
drag-and-drop file select in FF, Chrome
uploads are cancellable
no external dependencies
doesn’t use Flash
fully working with https
keyboard support in FF, Chrome, Safari
tested in IE7,8; Firefox 3,3.6,4; Safari4,5; Chrome; Opera10.60;

Requirements:
Demo: http://valums.com/ajax-upload/
License: GPL License

Incoming search terms for the article:

Node.js – Scalable Server Side Javascript

Mufti Ali — Sat, 30 Oct 2010 16:02:59 +0000

JavaScript has traditionally only run in the web browser, but recently there has been considerable interest in bringing it to the server side as well. Node.js allow us to create high performance and scallable server side application using javascript.

Node’s goal is to provide an easy way to build scalable network programs. Node tells the operating system (through epoll, kqueue, /dev/poll, or select) that it should be notified when a new connection is made, and then it goes to sleep. If someone new connects, then it executes the callback. Each connection is only a small heap allocation. Node is similar in design to and influenced by systems like Ruby’s Event Machine or Python’s Twisted. Node takes the event model a bit further—it presents the event loop as a language construct instead of as a library.

Node is tested on Linux, Macintosh, and Solaris. It also runs on Windows/Cygwin, FreeBSD, and OpenBSD. The build system requires Python 2.4 or better. V8, on which Node is built, supports only IA-32, x64, and ARM processors. V8 is included in the Node distribution. To use TLS, OpenSSL is required.

Requirements: Phyton 2.4,V8, Open SSL
Demo: http://nodejs.org
License: Other License

Incoming search terms for the article:

Ajax IM – Instant Messaging Framework

Mufti Ali — Thu, 28 Oct 2010 04:07:01 +0000

Ajax IM (“Ajax Instant Messenger”) is a browser-centric instant messaging framework. It uses AJAX to create a real-time (or near real-time) IM environment that can be used in conjunction with existing community and commercial software, or simply as a stand-alone product.

By default, there are two choices for installation: the PHP-based or standalone servers. While the standalone server is recommended for scaling and extensibility, it requires you to be on a VPS or dedicated server. On the other hand, the PHP-based server does not have this requirement, though it is recommended that you use a server other than Apache in this case.

To use Ajax IM on your website, you’ll only need to manually include the im.load.js script in your pages. The script will automatically test for and include any of the dependencies and the main Ajax IM library.

If you’re using the included MySQL database engine and the Default or NodeJS server libraries, you should read either the Quick Start.

Requirements: PHP 5.2+, MySQL 5.0+, Node.js 0.1.18+, ngnix 0.6+ or lighttpd 1.4+
Demo: http://ajaxim.com
License: MIT License