The JavaScript Archive

HOWTO: build a Technorati top tags ticker with PHP, jQuery, JavaScript and AJAX - day 1 of 3

The “how to” I posted on sprucing up your search box with CSS and a background image received some great feedback. I have decided to follow up with a more in depth tutorial that takes advantage of the Technorati developer’s API, specifically, the ability to retrieve the current top tags. Over the next three days I will teach you how to build an imitation of the tags ticker running at the top of the Technorati home page, using PHP, jQuery, JavaScript and AJAX. Continue reading.

The 7 deadly sins of JavaScript

I consider it a grave undertaking when you use JavaScript to bring forth these abominations. Several of these sins have crept into our midst, and it has come time to purge ourselves of their presence. Okay, so I may not feel that strongly about it, but this list should raise a few eyebrows. In essence, the issues I address are meant to facilitate discussion among developers regarding the tools at our disposal — specifically JavaScript. Continue reading.

5 JavaScript Tricks Made Easy with jQuery

I recently built five real-world examples that demonstrate the power of the jQuery 1.1.3.1 JavaScript library in a production environment. I hope that these five tricks will help give you a better understanding of the capabilities of the library, and I encourage you to work through the code. If you view the source of the page, the JavaScript for each example is clearly labeled.

Click here to view the examples.

Accessible News Slider plugin for jQuery updated to version 1.2

After a long delay, I finally updated the Accessible News Slider plugin, which is built on top of the jQuery JavaScript library. The plugin now has a dedicated page that documents the changes, gives a better overview of the functionality, has two demos, and compressed downloads. You can visit http://www.reindel.com/accessible_news_slider to see it in action. Enjoy!

Learn to create custom methods and properties for JavaScript objects

As the Web applications you develop grow larger and increasingly complex, code reuse becomes more important. You can find yourself repeating several tasks, and it becomes a necessity to understand object-oriented programming (OOP) for JavaScript. This can be a frustrating experience, since there are so many opinions on coding style. Regardless, in your research, you will undoubtedly find yourself face-to-face with a very powerful OOP concept, called prototype. Continue reading.

Truncate Plugin v.2.0 for jQuery

I have vastly improved this simple, yet effective jQuery plugin. The optional settings are more intuitive, and the script is only 500 bytes uncompressed (less than 1 KB). Everything you need is below. Enjoy!

EDIT: 07/25/07

You can find the most recent version of this plugin by clicking here.

Stick It plugin v.1.0 for jQuery - now in beta

The Stick It plugin for jQuery is a mashup of sorts, built on top of the jQuery JavaScript library. It is a bookmarklet, notebook, and to-do list, wrapped up into a single interface. It is simple to use, and easy to customize. To find out more, read the FAQ. Continue reading.