For web developer

Archive for the ‘Browsing’ Category

CoverFlow For Prototype: ProtoFlow

leave a comment

ProtoFlow is an open source content viewing application built with Prototype & script.aculo.us which functions similar to the famous iTunes Cover Flow.

You can browse through the content (it supports all the HTML elements) with mouse clicks or a JavaScript slider.

Prototype Cover Flow

It is mentioned that the application may have more features in the future like auto-play and image reflection.

Written by kisyrua

May 6th, 2011 at 7:17 pm

Posted in Browsing

Tagged with , ,

jQuery News Slide Plugin: Easy News

leave a comment

Easy News is a jQuery plugin which allows creating "news slides" on the fly.

Supporting any HTML content, and even Flash, it can display the content with fade-in / out, left to right ,slide-up / down effects.

Using this jQuery news slide plugin you can adjust the speed of the effects and rotation, or enable / disable mouse-over pause features.

jQuery News Slide Plugin

Easy News, has also a "plus" version which displays content with another sliding effect and can be integrated into Joomla with a ready to use module.

Compatibility: All Major Browsers

Written by kisyrua

May 6th, 2011 at 7:17 pm

Posted in Browsing

Tagged with , ,

Image Crop UI With Prototype

leave a comment

Online image cropping is a widely used feature in web applications.

Prototype JavaScript Image Cropper UI is an unobtrusive script based on Prototype and script.aculo.us.

It allows you to select any area in an image and gives the x, y, x1, y1, width and height values which are enough for a succesful image cropping.

Prototype Image Crop

This Prototype image crop UI also has ratio locking, selected area preview and minimum height – width options.

Requirements: Prototype v. 1.5.0_rc0+, script.aculo.us v. 1.6.1+
Compatibility: Chack out Known issues

Written by kisyrua

May 6th, 2011 at 7:17 pm

Free SQL Full-Text Search Engine: Sphinx

leave a comment

Sphinx is a standalone search engine application that can be integrated with your data sources to provide fast, size-efficient and relevant fulltext search functions.

To clear how powerful it is, Sphinx is already used in BlogCatalog, Joomla & phpBB community forums and more.

Sphinx currently supports:

MySQL
PostgreSQL
XML Pipe mechanism that allows indexing of XML data

Sphinx

Some features of Sphinx:

high indexing speed (up to 10 MB/sec on modern CPUs)
high search speed (avg query is under 0.1 sec on 2-4 GB text collections)
high scalability (up to 100 GB of text, upto 100 M documents on a single CPU)
supports distributed searching (since v.0.9.6)
supports phrase proximity ranking, providing good relevance
supports any number of document fields (weights can be changed on the fly)
supports different search modes ("match all", "match phrase" and "match any" as of v.0.9.5)

Requirements: Click for details

Written by kisyrua

May 6th, 2011 at 7:17 pm

Posted in Browsing

Tagged with , ,

Live Data While Scrolling For Ext JS

leave a comment

Ext JS LiveGrid component, a component for the powerful Ext JS Framework, makes it easy to create non-refreshing, live grids.

This EXT JS component is very handy while browsing through a large amount of data as all data doesn’t need to be loaded once & no need for paging.

Ext JS Live Grid Component

Requirements: EXT JS Framework
Compatibility: All Major Browsers

Written by kisyrua

May 6th, 2011 at 7:17 pm

Posted in Browsing

Tagged with , , ,

Interactive Data-Rich Web Pages With Exhibit

leave a comment

Exhibit is a three-tier web application framework written in Javascript which makes it easier to show a few hundred records of data on maps, timelines, scatter plots, interactive tables, etc., without any programming knowledge.

Interactive JavaScript Framework

In order to use Exhibit, writing a simple data file, and an HTML file that specifies how the data should be shown. Data + Presentation. That’s all.

Exhibit can be used as a web service like Google Maps without installing any software or source code can be downloaded to run it on your own web servers.

Requirements: No Requirements

Written by kisyrua

May 6th, 2011 at 7:17 pm

Posted in Browsing

Tagged with , , ,

Sortable And Editable Tables (With Ajax)

leave a comment

TableKit, built with the Prototype Framework, not only improves the usability of standard HTML tables but also saves so much time while implementing a standard data editing & sorting functionality.

Ajax Editable Table

Features of TableKit:

Row striping
Column sorting
Column resizing
Cell editing using Ajax

Requirements: Prototype Framework
Compatibility: All Major Browsers

Written by kisyrua

May 6th, 2011 at 7:17 pm

Posted in Browsing

Tagged with , , ,

Moo.rd: Lightweight JavaScript Library Based On Mootools

leave a comment

Moo.rd is a Mootools extension that gives useful and powerful functionalities to developers like a lot of effects, customizable standards, utility native functions, table management, virtual boxes and many more.

This lightweight JavaScript library is modular, flexible, and completely compatible with all MooTools plug-ins.

Moo.rd Mootools Extension

Like MooTools, moo.rd respects strict standards, doesn’t generate any type of warnings and is compatible with all major browsers.

Requirements: No Requirements
Compatibility: All Major Browsers

Written by kisyrua

May 6th, 2011 at 7:17 pm

Posted in Browsing

Tagged with , , ,

User Friendly Prototype + Script.aculo.us Popups: Modalbox

leave a comment

ModalBox is a JavaScript technique for creating Web 2.0 – style modal dialogs (or sequence of dialogs) without using standard popups and page reloads.

It’s inspired by Mac OS X modal dialogs and based on Prototype JavaScript framework + script.aculo.us and valid XHTML/CSS. Content can be loaded with Ajax or just plain-HTML.

Mrototype Popup Modalbox

ModalBox Features

Web 2.0-ready. ModalBox uses industry-standard libraries — prototype and script.aculo.us.
Offline-mode. Use dynamic- or plain-HTML without any Ajax-calls to fill out your dialog windows.
AJAX page loading. ModalBox uses AJAX instead of deprecated iframe for content loading. It’s also more secure — you can’t access pages that are not on your host.
Callbacks support. You can attach your own JavaScript events after showing or hiding (and more) the ModalBox
Automatic height adjustment. ModalBox adjust it’s height depending on your content. No more height tweaking!
Scrolling mode. If your content is long, just define the height of the ModalBox and it will switch into “scrolling mode”
Browser and platform independent. Since most modern browsers use popup blockers, it’s hard to find another way to create 100% browser-compatible modal dialogs.
Multi-purpose. You can create complex wizards to guide users through the process. Image slideshows can be created too.
Keystrokes support. Use ESC key to close ModalBox.
Customizable Look & Feel. Use CSS to make ModalBox look like you want.
Supports transitional effects. Slide down appearing and on-the-fly resizing.
Lightweight. Just about 10 KB of code.
Works in most modern browsers. Tested in IE6, IE7, Firefox 1.0, 1.5, 2.0, Safari, Camino, Opera 8 and 9.

P.S. There is a Mootools clone of ModalBox named MOOdalBox.

Requirements: Prototype + script.aculo.us (included)
Compatibility: All Major Browsers

Written by kisyrua

May 6th, 2011 at 7:17 pm

Mootools Plugins From Phatfusion: Image Menu, Lightbox, Form Validation, Rounded Corners..

leave a comment

Phatfusion has beautiful Mootools JavaScript framework plugins which you’ll love.

Mootools plugins list:

image menu – horizontal, accordion menu
validate – form validation
lightbox – an inline image popup
multibox – lightbox that supports images, flash, video, mp3s, html
slideshow – image transition
sortable table – sort & filter tables
slider
rounded corners – rounded corners with divs
page loader – loads a div from another page into this page.

Acordion image menu:

Mootools Accordion Image Menu

 

Sortable table:

Mootools Table Sort

Requirements: No Requirements
Compatibility: All Major Browsers

Written by kisyrua

May 6th, 2011 at 7:17 pm