Stumbled on this JQuery Corner Demo which shows a really nice and flexible way to create rounded corners (or not even rounded) for boxes. The only potential problem here is: is this more CPU cycles than using the image/CSS tricks? Probably worth a very good try if you are already using jQuery on your sites. Regardless, worthy of a bookmark - especially if you need rounded corners at 2am in the morning.

Emenu is designed to create a fixed-width, fixed-height drop down menu contained within a header image.

James Padolsey has a nice imgPreview jQuery plugin, which i kinda like the look of. It shows a preview of an image when you hover over a link, similar to a tooltip.

This plugin allows any developer to recreate a “page slide” interaction on their own website… pageSlide wraps the original body content into a wrapper and creates an additional block for the secondary content load. The slide is animated whenever the click event is invoked.

Most of these are repeats, but i like to keep a fresh collection of css tab scripts - update at least once a year.

50+ Nice Clean CSS Tab-Based Navigation Scripts

The official title of the post is 20 jQuery Plugins for Unforgettable User Experience. Some items on this list were actually new to me, which is a nice and refreshing change. Here’s the list.

1. seekAttention

2. prettyPhoto a jQuery lightbox clone

3. ThemeRoller

4. The Silky Smooth Marquee

5. Auto-populate multiple select

6. jQuery Feed Menus

7. jQuery iPod-style Drilldown Menu

8. Convert a Select Box Into an Accessible jQuery UI Slider

9. Setting Equal Heights with jQuery

10. Increase the size of click targets and get more call-to-action conversions

11. Using jQuery for Background Image Animations

12. CrossSlide

13. Fading Links Using jQuery: dwFadingLinks

14. Agile Carousel: JQuery Carousel Plugin

15. Image Cross Fade Transition

16. Stylesheet switcher using jQuery

17. jQuery File Tree

18. jQuery Context Menu Plugin

19. jScroller

20. Jcrop

Using Javascript to Fix 12 Common Browser Headaches

Most are jquery fixes. Some things covered include:

1. Setting Equal Heights (jQuery example: $("#col1, #col2").equalizeCols();)
2. IE6 PNG Alpha Transperancy support
3. Changing CSS Classes in JavaScript
4. Browser selectors in CSS ($('html').addClass($.browser);)
5. min-/max- height & width support
6. Center Elements Vertically / Horizontally
7. Display Q tags in Internet Explorer
8. Increase the size of click targets and get more call-to-action conversions
9. Lazy loader

15 useful, free tools to help you create and sustain high-performance web applications.

John Resig’s port of John Gruber’s Perl script: Title Capitalization in JavaScript. The script, as the oringial, is capable of providing pretty capitalization of titles generally most useful for posting links or blog posts.

The Lightbox Clones Matrix

Unless you are a newbie, you have heard and probably used swfobject, an easy-to-use and standards-friendly method to embed Flash content. Simply add one small JavaScript file and it takes the worries out of everything. Well, it’s hosted at swfobject, but I just noticed they have an AIR “wizard” that literally writes the html for you. Handy when you don’t have the time to learn the differences and new features in swfobject 2.0. I highly recommend this.

MooFilm is a Mootools-Based Tooltip Fader for Images. Nice addition to MooTools bookmarks I guess.

ProtoFlow is a coverflow effect written in Javascript. It uses Prototype and Scriptaculous to do bulk of the work and it uses Reflection.js to do all the image reflections.

This Mac OS X-style Dock In JavaScript seems a little “rough” or not smooth when the icons are small but it does work on the big browsers and it’s simple/easy to install if you need this sort of thing.

Saw this on Ajaxian - apparently Google has just come out with Javascript API for YouTube that will allow you to develop “the flexibility to customize the YouTube player with their own controls, player ‘chrome’, and even behaviors like custom playlists and menus.”. The YouTube Chromeless Player Reference is certainly interested and it looks like Christian Heilmann has written a video captioning system that lets you annotate as you pause. My spidey sense tells me this has BIG potential and some awesome stuff should be appearing over the next few weeks.

Just caught this nice code example from Eric Wendelin. Looks great, bookmarking for future reference.

Just linking to two scripts I found of use recently. Both involve pagination with Ajax and Javascript. One involves actually loading separate pages, and the other is a “virtual pagination script” where the elements are already on the page and you want to create pagination functionality based on that.

moo.rd is a “super lightweight javascript (object oriented) library based on the MooTools framework.” The effects are ok (though i don’t see any big demand for them) but the custom alert and custom boxes along with the table row features make this bookmarkable for any MooTools fan.

Spellify is “an automatic text field spell checker” that’s available for download, with the following requirements:

- PHP 4+ with CURL library installed (developed using PHP 4.4.6)
- script.aculo.us 1.8.0 (only effects.js and scriptaculous.js required)
- Prototype JavaScript Framework 1.6.0

I’ve seen similar effects, but FancyZoom 1.1 seems to pull off javascript image zooming rather well. Works in Safari and Opera. The link has examples, but i copied the list of nice features.

Focused on the smoothest, most polished zooming animation possible
Automatically scales images from any image link, with no HTML changes
Preloads full-size images in the background on link mouseover
No resource-heavy Javascript libraries — 100% coded from scratch to zoom
Draws a nice drop shadow under the full-size image to offset it from the page
Uses Safari 3’s “box-shadow” feature to draw the drop shadow natively, no images required
Requires only two new lines of code in your HTML
Tested and works with Safari, Firefox, IE7, and IE6. (Looks better in modern browsers.)

Apparently you can sniff browser history via Javascript for (hopefully) an “improved user experience”.

Scott Klarr has cheat sheets for Javascript, jQuery, Scriptaculous, MooTools, Prototype, Microsoft Ajax Library, Yahoo YUI, and Symfony. Quite a list, probably should grab these or bookmark.

This jQuery Validation plugin looks like a handy item to take note of. Bookmarking because the author is continuing development and has a great roadmap planned out.

Chris Charlton has put together dreamweaver extensions that offer support for jQuery 1.2 and Prototype 1.6 development. Looks like Yahoo YUI and MooTools might be future options if there’s enough demand.

Short Javascript (.js) file available to produce “pretty dates”, or dates found on many web 2.0 sites.

Shadowbox.js Media Viewer is a “cross-browser, cross-platform, cleanly-coded and fully-documented media viewer application written entirely in JavaScript”. So no MooTools or Prototype needed. Interesting, worth a look.

This Prototype 1.6.0.2 Cheat Sheet might come in handy. Bookmarkable indeed!

Paolo Severini, a Microsoft employee in Dublin, has build a JavaScript Memory Leak Detector that detects leaks with knowledge of the difference between IE 6 and IE 7. [ via Ajaxian ]

Easy to use and install jQuery UI Datepicker by Marc Grabanski and Keith Wood.

• The Friendly Clip is a javascript bookmarklet is a user-friendly way of overriding Web Clip icons.
• “Alex” has made a few WebApp icons.
• Pixelspread has some great looking ones too.
• Here’s another link, including a WebApp icon for flickr.
• Iclypso seems to be a site devoted to custom WebApp Icons, but only has a few so far.

Inventive Labs Gadgets has created Tabulate, a clever javascript bookmarklet that gives “open in new tab” behavior. Seems like the great thing to add to your iPhone (I’m adding it to my iTouch ASAP). [ via Daring ]

You can choose to open the link in the current tab, in a new tab, or save the link to open in a new tab later (you can close this box if you tapped on a link unintentionally).

We’ve seen javascript date-pickers before, but this sliding date picker is kinda cool. It enables you to pick dates with a simple slider bar. By dragging the bar over the time-line, the dates change instantly. Uses prototype 1.6 and scriptaculous 1.8. [ via Ajaxian ]

The jQuery ScrollTo Plugin will scroll the matched elements to the chosen position. Here’s the Ajaxian ]

I’m beginning to like Nick Stakenburg. Starbox allows you to create a variety rating boxes (including “half stars”) using just one PNG image. The library is build on top of the Prototype javascript framework and extra effects via Scriptaculous

This release adds a lot of new features to the library:

* Rerating allows you to adjust your previous rating.
* You can easily save your rating with Ajax using the build in callback.
* Improvements to the CSS model, allowing you to style the Starbox based on status (hover, rated and locked).
* Better seperation of Javascript, CSS and images.
* A ghosting bar that tracks your average.
* Custom event ’starbox:rated’ is fired when your rate.
* Batched building of Starboxes based on cached overlay images.

Besides the simple CSS tooltips, Prototip is probably going to be a favorite. Looks like it’s easy to build simple and complex tooltips using the Prototype javascript framework and add effects with Scriptaculous.