HTML

Creating a Javascript Bookmarklet


Posted in:

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.

Read More Icon Read More

Using Doc Raptor to create Excel Spreadsheets


Posted in:

Remember back many moons ago when we posted a previous tutorial about Excel document creation? Specifically, this one. It worked, but if you take a look at it again, that code was painful. And ugly. And required hooking up ruby with a Java library called JExcelAPI using RJB - which, really, is not something anyone actually wants to do. So today we are going to take a look at something else (that I think) is a lot nicer/cleaner for Excel document generation: a new web service specifically for document creation called Doc Raptor.

Read More Icon Read More

Creating a Roulette Wheel Using HTML5 Canvas


Posted in:

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.

Read More Icon Read More

jQuery UI - Using Dialogs for Image Popups


Posted in:

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.

Read More Icon Read More

Integrating Twitter @Anywhere with Your Website


Posted in:

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.

Read More Icon Read More

jQuery Snippet - Useful Form Selectors


Posted in:

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.

Read More Icon Read More

How to Build a jQuery Treeview


Posted in:

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.

Read More Icon Read More

The Mysterious HTML Label Tag


Posted in:

Can you name all the valid HTML tags? Probably not, because there are a number of tags that are rarely ever used (come on, when was the last time you used the <dfn> tag). But there is one tag that you might not know about (because it is not terribly common), but is quite useful - the <label> tag.

Read More Icon Read More

How to Build a Star Ratings jQuery Plugin


Posted in:

Lately I've been working with jQuery plugins and I decided to create a tutorial demonstrating how to use the jQuery plugin system to build a simple star ratings control.

Read More Icon Read More

jQuery Custom ToolTips


Posted in:

Tooltips are not the most exciting thing about the web. I mean you hover your mouse over a link or image for a couple of seconds and you get some text describing it. With all the really cool web apps out there, tooltips have lost their touch on the web. But, with a little help from jQuery, we can take these boring tips and replace them with our own fancy ones. Since jQuery is quite an amazing library, we can do this in a snap.

Read More Icon Read More

Sponsors