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.
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.
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.
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.
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.
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.
About the author
Gergely Marton, is a self-tought web designer and developer with over seven years of experience. He owns his own little web design agency WebGurus, and runs this blog in his spare time. Usually the work gets more important for him than anything else, but he struggles to get some time to read and to play his violin.
- Y8 on Inspiration: The Art Of Michal Lisowski
- Y8 on Sleek Admin – a clean admin skin for your backend
- yepi2 on Inspiration: The Art Of Joshua M. Smith
- yepi1 on 20 Quality examples of high contrast in web design
- Tiziano on FancyPlayer Revisited – jQuery Fancybox and Flowplayer Complete Integration
- Inspiration: The Art Of Joshua M. Smith
- Freebie: Material Layer Styles
- Inspiration: The Art Of Ben Hewitt
- Free Fonts For Your Next Design by Fontfabric
- Inspiration: The Art Of Michal Lisowski