For nearly all problems there are probably a hundred different solutions. Recently one solution I have chosen for a few problems has been a Javascript bookmarklet. A bookmarklet is a regular bookmark that runs a bit of Javascript code instead of just going to a link. They are really useful for doing a small task on a website or webpage that you don't have direct access to the backend or source of. So, today I am going to show you how to make a simple bookmarklet.

HTML5 is really hot all over the web right now so I figured I would drop some HTML5 knowledge on y'all. I have worked with Flash and Flex consistently for the last few years so I can easily drop and manipulate graphics in it, but I haven't done much with HTML5. This lead me to try and challenge myself to recreate something I built in Flash in HTML5. That is what we are going to look at and learn to build in this tutorial.

HTML5 is getting a lot of attention these days - especially when it comes to video. This tutorial is going to cover a feature added to HTML5 that I don't think is getting enough attention - web storage.

jQuery is one powerful tool for web developers. It offers a host of ways to make rich web applications even better, and easier to develop. There is no argument from us here at SOTC against jQuery and in fact we have a rich history of jQuery tutorials. But jQuery has a lot to offer other than just code helpers. Today I am going to show you something else jQuery has to offer, the jQuery UI.

Twitter just announced a new API called @Anywhere. This new API allows integrating Twitter into your site dead simple. There are several different features you can integrate with your site. These include automatic linking to names on the page or in a specific area, hover cards, which are popups that show user info, follow button for users, an inline iFrame tweet box and finally twitter connect, which is the same basic idea as Facebook connect. This tutorial is going to show you how to integrate some of these feature into your own site.

Using the mouse in jQuery is really easy, and opens up a whole new world for those who use javascript. But, just about everything already has a mouse event attached to it. Images are especially tricky, usually allowing click-and-dragging by default. Today we will go over a useful function that will help you take control over just what the mouse button does on certain elements.

jQuery is one really awesome JavaScript library, and there is definitely no argument that it makes life easier. But its robustness can be its downfall sometimes. You can do almost anything with it, but with some things it is hard to figure out just how to do it. Today I will take you through some jQuery selectors that you may have not known about concerning forms.

Those of us who are used to GUI frameworks are used to the many components often built in. Everything from textboxes to progress bars are at our disposal. But when you move to the web there are no 'built in' version of many of these building blocks. The treeview has many incarnations on the web, and there is good reason. It is a versatile component, usable in any type of collection management. There are many ways to get a treeview going on the web, but today we will be taking jQuery and making a quick and dirty treeview - one that can be built and used in a matter of minutes.

Chrome's extension system is far from finished, however I decided to give what they've got a trial run. This tutorial will provide a step-by-step guide on how to build a simple "Tweet This" extension for Google Chrome.

For whatever reason, there may be times when the mouse position relative to the page document is just not specific enough. Sometimes you may want the position as it relates to a specific element. Maybe you want the position of something in an image, maybe you are just curious, it doesn't matter. What does matter is that you want those coordinates. Thankfully, with jQuery, we can easily do this.