Browsing articles in "Components"
9
Jan

Collect Adress with Maps using Mapeed.AddressChooser

Mapeed.AddressChooser is a Javascript script to create a nice address form for any websites that need to collect addresses. For example getting user’s address, place’s location or anything that can be localized on a map.

Collect Adress with Maps using Mapeed.AddressChooser

This script just add behavior on HTML form, it does’nt geerate HTML markup and can be plugged on any existing forms.

Features:

  • Javascript Framework-Agnostic
  • IndependentMapping System
  • Interactive Map
  • Fully customizable
  • and above all Open source

Checkout this demo that uses Mapeed.AddressChooser with Prototype/Scriptaculous framework. Address is an autocomplete field filled by placemarks return by Google Map.

Website: http://addresschooser.mapeed.com/doc/

Demo: http://addresschooser.mapeed.com/example/with_prototype.html

9
Jan

Free CSS Drop-Down Menu Framework

This Free CSS Drop-Down Menu Framework is modular, with themes. Not only that the HTML is separated from CSS, but even CSS definitions are categorized into structural and thematic types.

Features:

  • Module and Thematic approach
  • Well Structured CSS
  • Well Organized Code and files
  • Easily Transformable to Horizontal, Vertical

Creating a new theme is easy with the available templates and takes 10-15 mins.

Website and Demo: http://lwis.net/free-css-drop-down-menu/

9
Jan

Accessible News Slider – A jQuery Plugin

Accessible News Slider - A jQuery Plugin

Accessible News Slider is a JavaScript plugin built for the jQuery library. The CSS, XHTML and JavaScript are developed specifically to meet the Web Content Accessibility Guidelines 1.0 (WCAG 1.0)

  • Color is not the primary indicator & back-next navigation is either visible or hidden. You will also find a total number of news items indicator.
  • Slider is compatible with resized fonts for people who have poor eye-site.

Website: http://www.reindel.com/accessible_news_slider/

8
Jan

Featured Content Slider with Auto Advancing Feature

A very nice content silder with auto sliding feature. CSS-tricks.com has created a nice and handy script for a featured content gallery, Its simple and effective.

Featured Content Slider with Auto Advancing

Requirements: jQuery, jQuery Easing & Compatibility plugin, jquery Coda plugin

Demo: http://css-tricks.com/examples/FeaturedContentSlider/

Download Files: http://css-tricks.com/examples/FeaturedContentSlider.zip

8
Jan

Date Range Picker using jQuery UI 1.6 and jQuery UI CSS Framework

This plugin wraps the jQuery UI datepicker into an interactive component specifically designed for choosing date ranges.

Date Range Picker using jQuery UI 1.6 and jQuery UI CSS Framework

Features and Updates:

Uses jQuery UI 1.6rc4:

The range picker now uses the latest version of jQuery UI’s datepicker, and allows passing of native datepicker options.

Date.js Integration:

We’ve integrated the fantastic date.js library to allow for easy preset development.

Optional Range Advancing Arrows:

Optional forward and back arrows allow a user to jump forward and backward by range duration.

jQuery UI CSS Framework-Driven:

Our range picker uses jQuery UI CSS Framework classes, making it ThemeRoller-Ready.

This plugin requires jQuery and jQuery UI Datepicker. It also uses the jQuery UI CSS Framework as well as one additional custom CSS file. All these can be downloaded from the official site, Checkout the demo below.

Website: http://www.filamentgroup.com/

Demo: Check out this faboulous Date Range Picker

7
Jan

Scroll Objects using Scroll Follow – A jQuery Plugin

Scroll Follow is a jQuery plugin that enables a DOM object to follow the page as the user scrolls.

It is specially very suitable for the popular scrolling banners & menus.

Scroll Objects using Scroll Follow - A jQuery Plugin

The scrolling object can have several settings like the speed, easing, offset (number of pixels the Scroll Follow object should remain from top of viewport), container & more.

Requirements:-

- jQuery UI Core
- jQuery Easing plugin
- jQuery Cookie plugin

Website: http://kitchen.net-perspective.com/open-source/scroll-follow/

6
Jan

jQuery Tabbed Navigation

A very nice and easy tabbed navigation script with jQuery.

jQuery Tabbed Navigation

Website: http://trevordavis.net/blog/tutorial/jquery-tabbed-navigation/

Demo: http://trevordavis.net/play/javascript-tabbed-navigation/

6
Jan

OpenInviter: Open Source Contact Importer From E-mail Providers, Social Networks

OpenInviter: Open Source Contact Importer From E-mail Providers, Social Networks

OpenInviter is an open source PHP class, written in PHP5, for importing contacts from most of the well-known e-mail providers & social networks.

Such an invite feature is great, specially when presented as optional, to gain new users/visitors to any service.

There are already ready to use integrations for:

  • Wordpress
  • Drupal
  • Joomla
  • phpBB & more.

OpenInviter supports:

  • Gmail
  • Windows Live
  • Yahoo
  • Mail.com
  • Facebook
  • Friendster
  • hi5
  • Linkedin
  • Twitter
  • Myspace & more..

Requirements: PHP5 & cURL or wget

Website: http://openinviter.com/

6
Jan

deploy*: Easily Create Your Web Project Framework

deploy* is an open source web application that enables you to create your web project framework with ease.

Easily Create Your Web Project Framework

It lets you to choose the:

  • XHTML document type
  • CSS file (blank or with resets)
  • jQuery to be included or not. If yes, ask for some popular plugins
  • major directories like images, includes to be added

Once the link that creates to project framework is bookmarked, same framework can be created with just a click.

The idea itself is very nice: “instantly starting a project with the preferred structure“. If more libraries, CSS frameworks would be supported, it can become much more flexible (as it is open source, anyone can add these).

6
Jan

Enjoy Rich Internet Experiences with JavaFX

Enjoy Rich Internet Experiences with JavaFX

JavaFX is a rich client platform, integrated with Java Runtime, that you can create and deliver rich internet experiences.

It is the a combination of a scripting language: JavaFX Script, a rich client platform and set of tools for a productive and collaborative developer-designer workflow.

You can refer JavaFX as alternative for Flash & Silverlight.

Enjoy Rich Internet Experiences with JavaFX

JavaFX platform currently consists:

  • NetBeans IDE 6.5 for JavaFX 1.0 (development environment)
  • JavaFX 1.0 Production Suite (a set of tools & Photoshop & Illustrator pluging allowing graphics to be exported to JavaFX applications)

JavaFX can run on millions of devices including desktop, browsers, mobile devices & more as it requires Java Runtime which is ready on many environments.

Requirements: Java Runtime

Website: http://www.javafx.com/

Demo: http://www.javafx.com/samples

Creative Resume Template
Open source icons