Posts Tagged ‘jQuery’

We are pleased to present below all posts tagged with ‘jQuery’.

Creating a Fancy Sliding Menu With jQuery – Part 2

In the previous part of this tutorial we've discussed how to create an animated sliding menu with Javascript using the jQuery framework. In this tutorial, we'll continue to develop our application by enhancing the sliding effect in various ways and make it even more customizable.

When we finish with this article, we should have a full-fledged animated Javascript menu that will enable you to display your menus in a great number of creative ways. So let's continue right where we left off!

Read more...

Create A Fancy Sliding Menu With jQuery

One of the great advantages of creating interactive websites is being able to dynamically hide and reveal parts of your content. Not only does it make for a more interesting user experience, but it allows you to stuff more onto a single page than would otherwise be possible, but in a very elegant, non-obtrusive way, and without overwhelming the user with too much information at once.

In this tutorial, we'll create a sliding menu using the jQuery framework. You will find the downloadable source files at the end of the tutorial if you wish to use them on your website. But the main goal of this article is to show you some basic techniques for creating these kinds of effects and to provide you with the tools you need to realize your own creative ideas. This tutorial is aimed at beginner jQuery developers and those just getting into client-side scripting. You'll learn how to progressively build this simple effect from scratch.

Read more...

jQuery Plugin Checklist: Should You Use That jQuery Plug-In?

jQuery plug-ins provide an excellent way to save time and streamline development, allowing programmers to avoid having to build every component from scratch. But plug-ins are also a wild card that introduce an element of uncertainty into any code base. A good plug-in saves countless development hours; a bad plug-in leads to bug fixes that take longer than actually building the component from scratch.

jQuery logo

[fblike]

Fortunately, one usually has a number of different plug-ins to choose from. But even if you have only one, figure out whether it's worth using at all. The last thing you want to do is introduce bad code into your code base. The first step is to figure out whether you even need a plug-in. If you don’t, you’ll save yourself both file size and time.

Read more...

Commonly Confused Bits Of jQuery

The explosion of JavaScript libraries and frameworks such as jQuery onto the front-end development scene has opened up the power of JavaScript to a far wider audience than ever before. It was born of the need — expressed by a crescendo of screaming by front-end developers who were fast running out of hair to pull out — to improve JavaScript's somewhat primitive API, to make up for the lack of unified implementation across browsers and to make it more compact in its syntax.

Screenshot

[fblike]

All of which means that, unless you have some odd grudge against jQuery, those days are gone — you can actually get stuff done now. A script to find all links of a certain CSS class in a document and bind an event to them now requires one line of code, not 10. To power this, jQuery brings to the party its own API, featuring a host of functions, methods and syntactical peculiarities. Some are confused or appear similar to each other but actually differ in some way. This article clears up some of these confusions.

You may be interested in the following related posts:

Read more...

Spicing Up Your Website With jQuery Goodness

There comes a point in every website design when you simply want to give the website a little spice to impress the visitor and make it memorable. You want that sexy interaction to capture the user's attention. In our previous articles, we showed you how to spice up your website with sexy buttons, practical elements and attractive visual effects.

Screenshot

In this article, we’ll discuss how to seduce your visitors with a little JavaScript action. In our examples, we'll be using jQuery, a fast and concise JavaScript library that simplifies HTML document traversing, event handling, animation and Ajax interactions for rapid Web development. Ready? Let's get things rolling!

Read more...

Make Your Own Bookmarklets With jQuery

Bookmarklets are small JavaScript-powered applications in link form. Often "one-click" tools and functions, they're typically used to extend the functionality of the browser and to interact with Web services. They can do things like post to your WordPress or Tumblr blog, submit any selected text to Google Search, or modify a current page's CSS… and many other things!

Make Your Own Bookmarklets with jQuery

Because they run on JavaScript (a client-side programming language), bookmarklets (sometimes called "favelets") are supported by all major browsers on all platforms, without any additional plug-ins or software needed. In most instances, the user can just drag the bookmarklet link to their toolbar, and that's it!

In this article, we'll go through how to make your own bookmarklets, using the jQuery JavaScript framework.

Read more...

40 Useful jQuery Techniques and Plugins

Over the last year, Smashing Magazine has evolved. We've been publishing fewer lists and more in-depth articles about design and Web development. We have invited professionals and high-profile developers to write for us. We've been investing more resources in the quality and relevance of our articles. We've also explored new formats; and on weekends we've been publishing more inspirational pieces, leaving the in-depth articles to weekdays.

TipTip jQuery Plugin

We've tried our best to fuel the growing appetite of our readers for more advanced articles, but recently we've been receiving more requests for carefully selected, useful round-ups. We are not big fans of lists either, but the format is useful and — if the resources are relevant — can be extremely helpful. Therefore, we've decided to add a couple of round-ups per month as a bonus to our regular articles. Instead of replacing the main articles, we will add round-ups on top of our regular schedule. If you don't like round-ups or find them inappropriate, please feel free to skip them. How does this work for you?

In this post, we present 40 useful but obscure jQuery plug-ins that will hopefully help you improve the user experience on your websites. We look forward to your ideas and suggestions in the comments to this post.

Read more...

↑ Back to top