All posts tagged ‘jQuery’

File Under: Ajax, JavaScript, Web Apps

Beautiful Websites: Slippy for Presentations

Jordi Boggiano has created Slippy, a lightweight library for building animated, browser-based slideshow presentations. Slippy is very simple — check out a short demo and view the source code. Grab the code from github.

It’s written in HTML and it uses JQuery for the interactions (touch the space bar, use the arrow keys, or click the mouse to go to the next slide). It also uses Syntax Highlighter, a bit of JavaScript that pretties up snippets of code — we use Syntax Highlighter for tutorials here on Webmonkey — so it’s especially useful for presentations where you’re showing code examples. Jordi points out that Slippy can run your scripts in pretty alert() boxes (rather than the standard, boring browser alerts) to show your examples in action.

Composing a presentation is simple. Just hack a basic HTML file. Each slide is in its own <div>, and all the markup beyond that is standard HTML. Bravo!

See Also:

File Under: Ajax, Frameworks, JavaScript

JQuery Celebrates 4 Years on the Web With New Release

Popular Ajax library jQuery is celebrating its fourth birthday with a major new release — JQuery 1.4.

JQuery has long had a devoted following among interface designers. Proponents tout its speed and lightweight structure which make it easy to integrate complex effects with only a few lines of code. Google, Microsoft, Amazon and independent web developers everywhere have turned to jQuery to handle Ajax, JavaScript animations and other hallmarks of the modern web.

The latest version of jQuery boasts some impressive speed gains and represents a ground up refactoring of much of jQuery’s underlying code. According the jQuery’s developers this release is significantly faster across browsers and eliminates much of the redundancy in jQuery’s internal functions.

Other nice changes in this release include support for HTML5 elements in serialization calls, the ability to test for specific rendering engines (for example, target WebKit with jQuery.browser.webkit) and support for per-property easing in your animations.

For full details on everything that’s new, check out the jQuery blog post and be sure to look over the backwards-incompatible changes before you attempt to upgrade any of your jQuery projects.

As always you can grab both the minified and full source versions of jQuery from the download page or simply include the Google hosted version in your projects by including the URL, http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js, in your projects.

See Also:

File Under: UI/UX, Web Services

Google Groups Fail: JQuery Dumps Google Over Spam, Interface Problems

Much of Google’s success rests on the fact that the words “Google” and “suck” rarely appear in the same sentence.

There is one notable exception: Google Groups, which lately has started to look more and more like an abandoned service. The mailing-list and discussion-board service has remained short on features since Google launched it in 2001. Meanwhile, Groups has become overwhelmed with spam, and one the most popular Google Groups — the JQuery mailing list, with more than 20,000 members — is jumping ship.

John Resig, the lead developer of JQuery, a popular JavaScript Library for developing complex web applications, recently posted a sharply critical look at Google Groups.

“As far as I’m concerned, Google Groups is dead,” he writes.

Resig isn’t the only one with problems. Google Groups began life as a way to rescue the Deja.com Usenet archive, but as our Epicenter blog recently reported, the Usenet portion of Google Groups is fundamentally broken. Google has since addressed some problems highlighted in that piece, but even newly created groups, like the JQuery group, feel neglected and overrun with spam.

While Resig is careful to note that Google Groups remains a workable optionfor private mailing lists, but for large public mailing lists like JQuery, Google Groups’ inability to combat spam, its poor moderator tools and general neglect have made the platform unusable.

“The problem mostly lies in the use cases that we’re trying to support,” Resig says in an e-mail to Webmonkey. “We need to support people who are actively trying to help new users, and we also need to support people who just want a simple question answered.” Spam, awkward filtering tools and a lack of support have driven JQuery to look elsewhere for a platform that connects its users, he says.

From an end-user point of view, the problem might not be immediately noticeable, especially if you’re using a good e-mail client which can filter out the spam for you. However, it can be a bit shocking to visit your favorite Groups’ homepage and discover it’s been overrun by spammers.

While Gmail is good at filtering spam, Google Groups is so bad, it’s almost as if the company isn’t even trying. There is a moderation option, which helps a bit. For example, compare the Django Users Group homepage (which uses moderation) to the EveryBlock Group (which doesn’t use moderation). As you can see, there isn’t one legitimate message on the Everyblock Group homepage, while there’s hardly any spam in the Django Group.

Sadly, as Resig points out, moderation makes joining and posting to a Google Group much more complex for the first-time users who have come seeking help, and the tools provided for moderators aren’t nearly as slick as you’d expect from a Google product.

Compounding the problem, spammers have figured out that spoofing e-mail addresses works swimmingly in Google Groups. So even with moderation turned on, spam will inevitably get through. Even worse, it’ll look like it came from legitimate list members, or even the moderators. In the end, the moderators have to moderate their own e-mail addresses to truly stop Google Groups spam.

Resig tells Webmonkey that JQuery is still looking for a suitable replacement for Google Groups. The top contenders are Vanilla Forums, which allows people to subscribe to all new posts and comments by e-mail, and Stack Exchange, which is essentially Stack Overflow customized for a specific topic.

Unfortunately, based on Resig’s account, it looks like Google’s Data Liberation Front hasn’t trained its data-export vision on Groups just yet — there is no way to export all the messages from a Group (there is, however, the ability to export a list of all members). In the JQuery Group’s case, that means some 120,000 messages in the group will have to exported by hand.

As for the future of Google Groups, well, the handwriting might well be on the wall. As blogger and former Yahoo engineer Andy Baio points out, “If you want to know which areas of big companies are being ignored, watch for spam taking over.”

See Also:

File Under: Humor

Have a jQuery Halloween

jQuery pumpkin

There’s nothing like short and sweet jQuery JavaScript carved into a pumpkin to get me in the Halloween mood. If you aren’t familiar with the framework, give yourself a treat and read up on our jQuery tutorial.

On the other hand, if you’d rather get some other pumpkin carving ideas, Wired has you covered.

Still need a costume? Yeah, plenty of geeky disguise ideas to choose from.

[via John Resig]

File Under: Programming

Microsoft Gets a Clue, Adopts jQuery

Could Microsoft be learning the way things work on the web? That big software company in Redmond will include JavaScript framework jQuery in its development environment. At the same time, Nokia announced that it will use jQuery for its mobile-browser development. That’s two more big companies to join Google, Amazon and thousands of other sites using jQuery.

Microsoft has long struggled to keep up with advances in JavaScript. In July the company announced an Ajax roadmap, which looked like Microsoft was going to eventually re-create all the features already in popular frameworks. Instead, Microsoft is going to incorporate someone else’s code, and it’s open source code at that.

How’s this for cool–Intellisense support for jQuery in ASP.NET:

Intellisense code includes jQuery

This is a great move by Microsoft to avoid creating its own jQuery-like framework. The company that seems to always require others to change is adapting to the way things already are on the web. It couldn’t have made a better choice in jQuery, which is a fast, nimble framework, two adjectives not often used to describe anything related to MS web development.

Scott Hanselman has a good overview of how jQuery/ASP.NET code looks. If you aren’t a .NET developer, but you’d like to use jQuery, check out my jQuery tutorial.

[Screenshot by Scott Hanselman]

See also: