May 22
Just when you thought that datepickers had been played out, along comes Filament Group and puts a whole new spin on it. Working from Mark Grabanski’s jQuery UI DatePicker control, the team substantially enhanced the UI with a host of new features including:
* shortcut links to preset date ranges, for example, “Past 30 days” or “Current YTD,”
* links to “All dates before…” and “All dates after…” to simplify selecting a range of values where the data set is very large or the high or low end value is an unknown, and
* only showing the number of calendars needed for choosing a particular range (i.e., you only need one calendar to choose “All dates before…”, but you’ll need two to select a custom range).
* Use of progressive enhancement for graceful degradation
from Ajaxian
Feb 20
Looking for a nice rating script? Check out Starbox.
Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well. Check the demos below to see what Starbox is all about and read on for more information on how to customize your own Starboxes.
LINK
Feb 12
Ajaxorized proudly presents… the Image Transition Manager. The Image Transition Manager is a javascript library based on scriptaculous and prototype. It supports several image transitions, such as fading, appearing, sliding, growing and shrinking and more to come.
While working on a project for a customer, I needed to create a kind of slideshow-like effect for presenting several photos of products. When I started out making this ‘effect’, I found out that I could use this for much more other projects than just this single one. That is what triggered me to create a nice class out of it, so I could easily implement it into my other projects. After showing my first version to Willem, he did some of his magic and extended my class with some other nifty image transitions and functionalities. That is how our Image Transition Manager was born.
The advantage of our library is the way in which you can implement it in your own projects.
[from ajaxorized]
Jan 23
I made some improvements on the password strength meters available on the web. Using prototype/scriptaculous, I stole some code from ZeBadger (thanks!) and created a new meter which dynamically changes while typing your password.
Click here to see the demo
If you want to use this script, feel free to download the source and use it on your website.
Enjoy.
[via Ajaxorized]
Jan 23
When adding this tiny javascript to the onkeyup event of your inputbox, the border will turn green when the email address. It uses scriptaculous' morph function to perform this transformation. See a demo
(more…)
[via Ajaxorized]
Jan 15
WebCream has been renamed and a new version launched as AjaxSwing 2.0, a framework that “does all server communication via asynchronous JavaScript and uses partial page updates to reflect changes in the browser.”
New Features
- AJAX functionality for component rendering and asynchronous communication with the server
- Asynchronous submit of client-side events and operations
- Partial page updates only to changed components
- Dramatic speed improvements in rendering and request processing
- Row context menus in JTable (see TableSupport)
- Custom node icons and context menus in JTree (see TreeSupport)
- Improved scripts on UNIX platforms
- Allow environment variables and directories of JARS in agent.classPath
- Drop shadows are added to windows
Fancy writing your apps in Swing? If so, check out the demos, and download away.
[via Ajaxian]
Jan 11
In the world of client-side development, page size definitely matters and John-David Dalton is doing his best to improve this. Awhile back, he took on the task of trying to determine how to best optimize the 120k+ Prototype and Script.aculo.us libraries and get the best compression out of the files. He’s done an absolutely fabulous job in the past and continues to pack the libraries as new versions are released. He’s just released his new version of his compressed Prototype collection and released it on Google Code.
This pack contains the following compressed versions of Prototype: 1.4, 1.5, 1.5.1.1, 1.6.0 and Scriptaculous: 1.7.1_beta3, 1.8.0. This release compresses Prototype and Scriptaculous around 10% more than regular gzipping.
Prototype’s lowest weighs in at 20.4kb.
Scriptaculous’ lowest weighs in at: 19.7kb.
Protoculous’ lowest weighs in at: 38.4kb.
Compressed forms of Scriptaculous are segmented to allow for custom builds of Protoculous/Scriptaculous.
He has included a common custom build with the pack, “Prototype+Effects”, which weighs in at around 26kb. That’s smaller than standard Prototype gzipped!
Protoculous also allows the loading of additional js files like Scriptaculous via: protoculous.js?load=one,two
You can download his collection here and included in the download is a readme file providing more details about his build.
[via Ajaxian]
Oct 30
Max Kiesler has been doing some nice roundup posts recently. He just published Ajax Javascript Galleries, Slideshows and Effects Redux, a piece that goes through a large group of libraries and apps that show off image related functionality.
He ends up discussing:
[via Ajaxian]
Oct 09
Awhile back we discussed Dreamweaver as a potential Ajax IDE.
Here's the press release:
Nitobi"s Complete UI is a powerful set of components that will give Dreamweaver users the ability to present data in an engaging format in a fraction of the time," states Michael Lekse, Vice President of Sales and Services at WebAssist. "Dreamweaver professionals looking to enhance their user interface functionality should turn to Nitobi with confidence."
The easy drag and drop feature for Dreamweaver reflects Nitobi"s philosophy of fast, easy web application development–a key selling point of Complete UI. Complete UI components are designed to be easy to implement and to help create web applications with intuitive and graceful user interfaces. The Complete UI suite includes:
- Grid — A cross-browser spreadsheet with Excel "copy/paste", LiveScrolling, and more.
- ComboBox — A drop-down menu with autocomplete functionality, similar to Google Suggest.
- Calendar — A high-performance calendar picker that can be used with Nitobi Grid or in standalone web applications.
- Callout — A rich, skinnable tool-tip that prompts users with real-time feedback and helpful instructions as they navigate through an application.
- Fisheye — A tool bar menu featuring fisheye magnification, similar to Apple OS X tool bar.
- Spotlight — A tool for creating stylish guided tours of websites and applications.
- Tabstrip — Folder tabs for navigating to different sections of a web application via Ajax or iFrame requests.
- Tree — A hierarchical data view, similar to the folder view in Windows Explorer.
- Ajax Toolkit — A library of fully-documented tools used in Nitobi components that can be re-used in your own applications, or to build your own components.
In addition to Dreamweaver support, Complete UI includes enhancements to Nitobi Grid, including expanding spreadsheet-style rows and even better performance.
What better way to check this out than a set of screencasts?
What do you think of Dreamweaver now?
[via Ajaxian]
Oct 09
Sébastien Gruhier (Mr. Proto) has created a JavaScript layout framework using Prototype 1.6. The Simple Layout Manager lets you create simple layouts using simple CSS and also let you dynamically add to the manager:
JAVASCRIPT:
-
-
layoutManager.add('your_element_id');
-
You can see some simple demos.
We have see a slew of CSS frameworks coming out there, and now we are starting to see people go past the pure CSS frameworks, and using JavaScript to take things to the next level.
Download the Simple Layout Manager code.
[via Ajaxian]
Recent Comments