10 jQuery, Mootools, Prototype Lightbox Scripts

In today’s post we have included lightbox scripts/plugins from several JavaScript libraries: jQuery, MooTools, Prototype. These stylish lightbox scripts/plugins can display the pop-up block (modal windows, overlays) of single images, web image galleries, videos and other media and content formats on your websites. Enjoy. Related Posts: jQuery lightBox vs ColorBox vs FancyBox vs Thickbox 10 [...]

Read more

10 jQuery Language Translator Plugins

Just like Google Translate, jQuery plugins can be used to the same effect when it comes to having your own language translator integrated in your website. Check out these cool jQuery Translator plugins. Enjoy! Related Posts: jQuery on Screen Keyboard Plugin 1. jQuery Translator Plug-in With the jQuery translator plug-in, web pages are easily translated [...]

Read more

Call for jQuery 1.8 Ideas

We’re ready for our next round of community input, this time for version 1.8! This is your chance to suggest things we can fix, add, change, or remove in jQuery to make it better.

You can add a suggestion using this form; whenever possible provide links to a bug report, a page with a detailed description, or implementations that represent your idea. We’d like to have all your input by December 5 so we can read and discuss them before setting the 1.8 roadmap.

Many thanks for the suggestions left on our earlier blog post about how we can improve jQuery by trimming it down. We’ve gone through those comments and have a few thoughts about how we can address some of them in future versions.

Create a configurable download builder

Several people wondered why we don’t have a way to build a file with just the parts of jQuery you need, since jQuery UI, for example, has that option. It’s not quite the same situation. You know if you are using, say UI Accordion because you call it directly. You often do not know if you or some plugin you include on your page is using $.fn.prepend() or $.fn.animate(). Whether you are using them may even depend on parameters you pass to plugins at runtime.

To keep jQuery development manageable and ensure that CDNs can offer a single file that everyone on the Internet can share and cache effectively, the team wants to stay with a single file as its primary offering. Creating a configurable download may improve file size marginally, but it also complicates documentation, plugin use, and debugging. That is a lot more work for both you and us.

We’re already beginning the efforts to improve modularity by eliminating unwanted dependencies inside jQuery; many of the deprecated features we announce will be directed towards removing those dependencies. By laying that groundwork, others who want to create their own smaller subsets of jQuery or modular versions should have a much easier job.

However, we believe we can do even better than that, and would like to offer automated ways for any user to create an optimally minimized file that includes both application code and just the needed parts of jQuery. In particular, we are working with the Google Closure Compiler team to see if we could use its ADVANCED_OPTIMIZATIONS option. We’ll have more information on our progress as it develops.

Wait until version 2.0 before removing things

We’re sensitive to breaking all the existing jQuery code out there. That is why we are deprecating things as early as possible, so that people have plenty of time to change their code. Just because we deprecate something today, it does not necessarily mean we’ll remove it in the next version. We believe the list of things actually being removed in 1.8 are minor and unlikely to affect most users.

If our experiments with Closure Compiler pan out, we may even be able to leave in many deprecated features but they will be automatically removed if you don’t use them and build a custom application file that includes jQuery. That would be the best of both worlds.

Remove IE 6, 7, and/or 8 support

This topic comes up constantly, so let’s try to put it to bed once and for all. People tend to greatly overestimate the amount of code in jQuery that is specifically related to IE. Most of the problems in IE 6 and IE 7 are also present in IE 8, so there is no real size or complexity benefit to dropping support for the first two as long as that last one still has appreciable desktop market share and must be supported. Nobody (including Microsoft itself) likes these Jurassic Park browsers, but stripping out support for them right now would break web sites for many users.

That said, we know that older-IE support is not required in some scenarios such as mobile browsers. We are looking into ways to put as much of that code as possible into a single clearly marked block so that it can be easily removed by someone who is willing to create their own custom jQuery version. It may also be possible to get Closure Compiler’s help with this issue as well. However, we are not sure that will even provide a significant space savings in gzipped file size, and it won’t offer a performance boost since those code paths aren’t taken in other browsers.

Remove jQuery.browser

We have documented for nearly two years that we intend to move jQuery.browser into a plugin, and several people suggested it in the comments as well. Browser sniffing is not a reliable way to look for features, we recommend something like Modernizr instead. The regular expressions used for browser sniffing are large and don’t compress well; moving it to a plugin will ensure that only the people who use it must pay that size penalty.

What about your ideas?

Please do take this opportunity to give us your input. The team is looking forward to reviewing your suggestions. Oh, and don’t forget to try jQuery 1.7.1 soon!

Read more

jQuery Smooth Page Links – $.smoothAnchor()

The jQuery smoothAnchor Function provides you with a lightweight script that can make your in-page anchor links smooth scrolling. There are a few plugins out there which do the same thing but this is my lightweight version and I know it works properly in all the main browsers. So if you after a quick code [...]

Read more

jQuery 1.7.1 Released

Here in the United States, we’re celebrating Thanksgiving this week. For those of you living elsewhere in the world, it’s a time when we install and test new versions of Javascript libraries while feasting on Mom’s homemade goodies. Kind of like a code sprint, but with better food. We invite everyone worldwide to join us in these traditions.

To kick off the festivities, the jQuery Team is quite thankful to be releasing version 1.7.1! In this go-round we made Pilgrim’s progress on a cornucopia of bugs, listed below. We are serving up our delicious copies on the jQuery CDN, fresh and warm from the oven:

• http://code.jquery.com/jquery-1.7.1.min.js
• http://code.jquery.com/jquery-1.7.1.js

These latest files should also be up on the major CDNs shortly, but please be patient since this is a holiday week for them as well.

Please install and test this latest slice of jQuery with your code. We hope you’ll find it tasty. If we forgot to fry some turkey of a bug, we want to hear about it. Just put together a specific test case for the problems you’ve found (we love jsFiddle.net for that) and create a bug report at bugs.jquery.com.

Also, please welcome new jQuery Core team member Mike Sherov! We’re thankful to have his help for all the great things we have planned for upcoming versions. Mike has a full-time job at SNAP Interactive in New York City, but contributes to the project in his spare time. Please Be Like Mike and pitch in to help the project any way you can. It doesn’t have to be coding. We can always use help in answering questions on the forum or just reproducing and identifying the source of obscure bugs reported on the bug tracker. See our Getting Involved page for information.

We’ll be opening the call for 1.8 suggestions in just a day or two. Take a look at the 1.7.1 release and think about what kind of awesome sauce we can put on top of it for the next big one!

jQuery 1.7.1 Change Log

The change log of the 1.7.1 release.

Ajax

• #10723: jqXHR.always() returns a Promise instead of a jqXHR object

Attributes

• #10724: $(document).text() always returns an empty string
• #10773: removeAttr is fragile for edge cases

Build

• #10630: Fix focus-related test failures to resolve Swarm failures

Core

• #10616: Type coersion not done for -1 in .eq
• #10646: Have jQuery.error throw instanceof Error object
• #10682: Creating DOM elements with $(‘ ‘) leaks memory and skips the fragment cache
• #10687: jQuery calls the AMD define() global function too early
• #10690: isNumeric

Css

• #10733: remove uses of jQuery.each in css module in favor of a for loop

Data

• #10675: Use internalKey shortcut instead of jQuery.expando

Effects

• #10669: .animate() no longer animates percentage(%) width
• #10750: A “null” in the data object can cause an error in stop

Event

• #10676: wheelDelta not added to mousewheel event anymore
• #10701: Problems with submit forms using submit function
• #10704: special.handle method should fire under origType name
• #10705: off bug event name parser
• #10712: Triggering blur with live bind broken
• #10717: A triggered load bubbles up to window
• #10791: Delegated Events fail on SVG elements
• #10794: .triggerHandler should not .preventDefault()
• #10798: live(“submit”) and .submit() would cause unobtrusive ajax live to fire twice
• #10844: .delegate() on submit doesn’t work when form contains input with name “id”

Manipulation

• #10177: index of callback function in .wrap is always 0
• #10667: HTML5 Support in .wrapAll() does add a “:” to element
• #10670: rnoshimcache probably not constructed correctly
• #10812: passing empty object to .before() or .after() throws exception in IE7

Misc

• #10691: remove all occurrences of the “equals” and “same” function in the unit tests`

Support

• #10629: IE is much too sensitive concerning the fake body. Explore cleaning up support.js to avoid any future crashes.
• #10807: Non-ascii apostrophe in comment

Read more

10 Random HTML5 Web Tools & Resources

We all know that HTML5 is a new web technology led by Apple and it will be the next big thing! In the not to far future, HTML5 will be a powerful weapon that all web developers and web designers can use when creating new innovative web based apps. In todays post, we have called [...]

Read more

10 Helpful jQuery Plugins for Design and Development

Today while we were searching for a decent plugins to share on the blog we stumbled across some jQuery plugins which we think might help you one day with your web development projects. Enjoy. Related Posts: 20 Helpful jQuery Plugins 1. LoadMask A plugin that can mask DOM elements while their content is loading or [...]

Read more

Getting Board of jQuery

TL;DR The body responsible for overseeing jQuery’s finances and administration, which was until today known as the jQuery Team, is now called the jQuery Board. The jQuery Team is for anyone who invests a significant amount of time contributing to jQuery and its related projects.

As jQuery has grown from a cool idea in 2005 to the most widely used piece of JavaScript on the Internet today, so too has the organizational structure required to support its development and its community. Over time, e-mail chains became mailing lists, and out of those lists evolved a casual confederation known as the jQuery Team. To join this team, all you had to do was make a consistent contribution to some aspect of the project and eventually John would add your name to a page in our docs wiki.

By 2009, the team wanted to solidify the long-term future of the project, so we accepted an invitation to join the Software Freedom Conservancy, from whom we’ve since received great amounts of administrative and legal support. Though the SFC offers that “Projects can continue to operate in the same way they did before joining the Conservancy without having to select a board of directors or any other layer of corporate management,” the team chose to implement a governance system whereby the project’s official decisions would be communicated to the Conservancy after a public vote by the members of the “core team,” which initially had 21 members. This conferred a significant amount of formality onto what had been a relatively ad hoc process, and while the system has worked well, it has been accompanied by some confusion.

• On one hand, there’s the voting membership, responsible primarily for financial and managerial decisions concerning the entire project. On the other, there’s an actual group of people who are working on jQuery Core itself. Both of these groups are sometimes called the jQuery Core Team, which is fairly misleading.
• As new people come along and become active contributors to some part of the project, it’s not fun to tell them, “Hey, great job, but you’re *not* on the team!”
• Just because you are really interested in hacking on jQuery Core, UI, or Mobile (or working on docs, or any of the many other ways you can help out the project) doesn’t mean you have the slightest desire to sit in long meetings, discussing how to allocate funds and how to improve beverage service at the next conference.
• As people’s lives ebb and flow, it’s normal that their capacity to contribute changes. What’s the right correlation between being a genuinely active contributor in the present tense and having a vote in the project’s big-picture management?

In order to attempt to resolve some of this confusion and make clearer the group’s purpose, the jQuery Team is now known as the jQuery Board, and all the governance rules that applied to the Team now apply to the Board. The Board is responsible for

• approving and appropriating expenditures
• representing the intentions of the jQuery Project to the SFC
• overseeing and directing the Subteams and selecting the Subteam Leads responsible for each of the facets of the project
• voting on its own composition

If you’ve always wanted to be “on the team,” but were unsure of what it meant or what you would do, this is good news! We’re fully embracing the Wikipedia definition of team: a group of people (or animals!) linked in a common purpose. As such, anyone who volunteers, over a sustained period of time, to serve actively on a jQuery Subteam will be invited to join the jQuery Team (at the discretion of the Subteam Lead), so you can feel good putting that on your slide decks, refrigerators, and so forth.

What isn’t changing is the fact that if you are passionate about web development and trying to find a way to make a difference to developers around the world, there is a place for you in the jQuery community. Hop onto the forum and give another developer a hand. Head over to our various bug trackers and help triage the open issues — or dive in and see if you can provide a patch. If you just want to get a lay of the land, join the weekly IRC meetings. Want to work on a particular project? Take a look through the updated team page and get in touch with the right subteam lead! One thing’s for sure:

Read more

10 Best jQuery Plugins for WordPress

More and more Developers and Designers and have been using WordPress these days. Combining WordPress CMS with the power of jQuery will give us infinite possibilities in terms of designing & producing feature rich webpages. Today we are giving you our collection of what we think 10 best WordPress plugins that use jQuery. Enjoy! Related [...]

Read more

jQuery 1.7.1 RC1 Released

Just to let you know we’re not asleep at the switch around jQuery Central, we’ve got a new preview release of jQuery. It fixes the problems reported by the community since the original 1.7 release. Please test the code in your applications, making sure that there are no major problems. If you tried jQuery 1.7 and reported a bug, it should be fixed in this release.

You can get the code from the jQuery CDN:

• http://code.jquery.com/jquery-1.7.1rc1.js
• http://code.jquery.com/jquery-1.7.1rc1.min.js

You can help us by dropping that code into your existing application and letting us know that if anything no longer works. Please file a bug and be sure to mention that you’re testing against jQuery 1.7.1 RC1.

We want to encourage everyone from the community to try and get involved in contributing back to jQuery core. We’ve set up a full page of information dedicated towards becoming more involved with the team. The team is here and ready to help you help us!

jQuery 1.7.1 RC1 Change Log

The current change log of the 1.7.1 RC1 release.

Ajax

• #10723: jqXHR.always() returns a Promise instead of a jqXHR object

Attributes

• #10724: $(document).text() always returns an empty string
• #10773: removeAttr is fragile for edge cases

Build

• #10630: Fix focus-related test failures to resolve Swarm failures

Core

• #10616: Type coersion not done for -1 in .eq
• #10646: Have jQuery.error throw instanceof Error object
• #10682: Creating DOM elements with $(‘ ‘) leaks memory and skips the fragment cache
• #10687: jQuery calls the AMD define() global function too early
• #10690: isNumeric

Css

• #10733: remove uses of jQuery.each in css module in favor of a for loop

Data

• #10675: Use internalKey shortcut instead of jQuery.expando

Effects

• #10669: .animate() no longer animates percentage(%) width
• #10750: A “null” in the data object can cause an error in stop

Event

• #10676: wheelDelta not added to mousewheel event anymore
• #10701: Problems with submit forms using submit function
• #10704: special.handle method should fire under origType name
• #10705: off bug event name parser
• #10712: Triggering blur with live bind broken
• #10717: A triggered load bubbles up to window
• #10791: Delegated Events fail on SVG elements
• #10794: .triggerHandler should not .preventDefault()
• #10798: live(“submit”) and .submit() would cause unobtrusive ajax live to fire twice

Manipulation

• #10177: index of callback function in .wrap is always 0
• #10667: HTML5 Support in .wrapAll() does add a “:” to element
• #10670: rnoshimcache probably not constructed correctly
• #10812: passing empty object to .before() or .after() throws exception in IE7

Misc

• #10691: remove all occurrences of the “equals” and “same” function in the unit tests`

Support

• #10629: IE is much too sensitive concerning the fake body. Explore cleaning up support.js to avoid any future crashes



Read more

jQuery lightBox vs ColorBox vs FancyBox vs Thickbox – What are the key differences?

It seems everyone is asking this question lately! What do these lightbox/thickbox/fancybox/colorbox jQuery plugins have in common and what are their differences? I thought I’d go and do my next blog assignment and here’s the result. I have also included the download link for WordPress options since all of them work with WordPress too. What [...]

Read more

10 jQuery Cool Menu Effect Plugins

We’ve posted tons of jQuery Navigation Menu plugins for your websites and blogs and now we are giving you another awesome collection of 10 jQuery Cool Menu Effect Plugins. Enjoy! Related Posts: 10 Snazzy jQuery Navigations 15 Great jQuery Navigation Menus 1. Right Click Menu Very easy to use, compact plugin that creates a right-click [...]

Read more

Beautify Your jQuery Code Using beautify.js

It can be very time consuming to make your jQuery code neat and tidy. Fortunately, there are online tools and heaps of plugins that can automate this task for us. I recently had the need to generate JavaScript/jQuery code dynamically and thus it comes through messy and unreadable. So I decided to use beautify.js to [...]

Read more

10 jQuery Syntax Highlighters

As a developer you may want to share your code on your website or blog (just like us!). There are many options out there for you depending on your chosen programming language. Whether it is a HTML page or runs on PHP, Ruby, Python, ASP, there is always a suitable syntax highlighter for you. Predominately [...]

Read more

Adding Custom Messages to Code Snippets Displayed on Your Web Page

Hi guys, just a quick post to show you how to add custom messages to your code snippets that you are displaying on your web page. An example is on the blog below (code shown below look at the top right hand corner) where I wanted to add extra usability to the code snippets by [...]

Read more