5 jQuery UI Dreamweaver extensions you can use to simplify your everyday work

I believe most of the web developers and web designers use Adobe products to accomplish their work so I wrote a list for those who like and use jQuery UI as their interface framework to help them do their job in a more simple way than ever before.

The simplicity of using dreamweaver extensions is that everyone with little or no experience can use them, but it also simplifies an experinced web designer’s work in adding cool widgets into their web pages by just one click.

Paul Bakaus thought he will help many people if he just write 5 dreamweaver extensions which will cover all the basic use of jQuery UI in any web pages…and he did helped many.

The requirements you have to meet to get these extensions installed and working are: Dreamweaver CS4 and Extension Manager CS4.

1. jQuery UI Calendar

Creates a Calendar using JQuery User Interface Calendar Control. The Calendar component is a UI control that enables users to choose one or more dates from a graphical calendar presented in a single-page or multi-page interface. Calendars are generated entirely via script and can be navigated without any page refreshes. They are also highly configurable, with the ability to customize the contents and look of rendered cells using custom renderer plugins.

2. jQuery UI Accordinon

An accordion widget consists of multiple panels that are expandable/collapsible. An accordion is applicable when content must be displayed within limited space. An accordion doesn’t allow more than one content panel to be open at the same time, and it takes a lot of effort to do that. If you are looking for a widget that allows more than one content panel to be open, don’t use this. This particular version of the widget requires the web developer to specify an id for each instance of the widget that is inserted into the document. Upon insertion, a script tag will be inserted immediately after the widget markup, to attach the accordion behaviors to the markup, based on the specified id.

3. jQuery UI Tabs

Creates a jQuery UI tabs widget in your web page.

You can access this feature by selecting  jQuery UI Tabs from jQuery UI in the Insert Palette or Insert Menu in Dreamweaver.

4. jQuery UI Slider

Creates a jQuery UI Slider widget in your web page.

You can access this feature by selecting  jQuery UI Slider from jQuery UI in the Insert Palette or Insert Menu Dreamweaver.

5. jQuery UI Dialog

Creates a jQuery UI Dialog widget in your web page.

You can access this feature by selecting  jQuery UI Dialog from jQuery UI in the Insert Palette or Insert Menu Dreamweaver.

Please feel free to write your comments about these extensions, and don’t hesitate to write about any problems you encounter too.

This article is the 2nd of  “Useful Tools for web designers and web developers” series I’ve started a week ago. You might like to read the other article in this series about the 10 best modal boxes for web design projects.

Related Entries

• A list of jQuery interface elements and plugins developed by Eyecon
• 10 best modal boxes for web design projects
• Supersized – Full Screen Background/Slideshow jQuery Plugin by buildinternet.com
• jQuery Image Preview – New Plugin “imgPreview”
• Freebie: Red UI kit for your next project