Archive for the ‘Javascript’ category

Javascript Circular Selection Knob (IE6 Compatible)

August 23rd, 2010
Polished Knob Logo

An inherent problem with the internet is that the UI elements are disconnected from the real world. People in the world are accustomed to things like switches, knobs and the like.

One thing that has been missing (at least I couldn’t find anything?) from HTML UI elements is the knob. An element that you can spin around to assign a value to some property. The functionality of a knob is basically the same as a slider — only the shape is different.

Up until now, you only had horizontal and vertical sliders to choose from. Boring. The look of them is generally ugly and there is nothing special about the design or intuitivityness.

» Read more: Javascript Circular Selection Knob (IE6 Compatible)

Ajax spinner… I hate you.

May 22nd, 2010

It’s time to kill the ajax spinner. It had a good run, but now it’s time to retire it to gif heaven where it belongs, right next to the animated “under construction” and “email me!” gifs of 1994.

» Read more: Ajax spinner… I hate you.

AdCenter SEMs lives just got easier (Greasemonkey script inside)

December 18th, 2009

If you are a search engine marketer that has used Microsoft’s AdCenter, you probably have found it a bit annoying that when creating text ads, it doesn’t tell you how many characters you have left.

This means that the genius PPC ad-copy that you just wrote will only be rejected when you go to save because it is too long.

This Greasemonkey script detects when the new text ad dialog is visible, and will update the remaining characters that you have left to use as you type.  Something that Microsoft should have done…. pay me MS, you lazy bastards.

This isn’t the only thing I find annoying about Microsoft AdCenter, but all the Greasemonkey scripts in the world won’t fix it. Click through for the script.
» Read more: AdCenter SEMs lives just got easier (Greasemonkey script inside)

Stop the toolbar and overlay madness!

December 11th, 2009

If you are thinking about putting a “toolbar” on your blog, please reconsider right now.

In recent months, I’ve noticed a resurgence of the website toolbar.  What is a website toolbar?  Usually, it takes the form of a small bar that is on your screen at all times, and it provides little links to supposedly helpful tasks for the visitors of the website.  It seems that this company is responsible for most of the madness through their freely available script.

In the toolbar pictured above, you can search the website, translate it, get the sites latest news, or share the page with the community of your choice. Helpful right?  Wrong.

» Read more: Stop the toolbar and overlay madness!

Another look at Repeatable Random

December 3rd, 2009

My last post was about a similar subject only with an emphasis on generating an evenly distributed set of random numbers that existed between a minimum and maximum value.

I found this post from Jackson Dunstan about a repeatable random class written in AS3.  In that post, he mentioned that it could easily be ported to Javascript or other languages — and he was right.  Here is that class written in Javascript and as far as I can tell, it does indeed produce a repeatable random set of numbers.

His class works by taking an initial seed number, performs a simple mathematical calculation, and then returns it before making it the new seed number, and starting the cycle over. The result is a set of random numbers that are repeated based on the starting seed number.

A technique such as this is mainly used for video games but it could also be useful in web development to randomly place objects on a page. This code doesn’t do much of anything by itself but is a good jumping off point. See a working example at the bottom of this page.

» Read more: Another look at Repeatable Random

Pegboard Window Manager: A Javascript window manager written with jQuery

November 30th, 2009

Introducing Pegboard: A Javascript Window Manager that is written in Javascript (with a light dusting of jQuery). You can download Pegboard here. Click here to see a quick demo of Pegboard.

» Read more: Pegboard Window Manager: A Javascript window manager written with jQuery

The Overuse of Ajax and How to be a good Ajax developer

November 24th, 2009

New to web design? Old to web design and clueless about the proper Ajax uses? Here is a good rule of thumb: If it doesn’t make your website easier, faster, or smarter to use — ditch it. This includes the majority of that slick Ajax that you are working on right now!

How is Ajax being misused these days? Or better yet, how do you properly use Ajax to make the user-experience on your website better?

» Read more: The Overuse of Ajax and How to be a good Ajax developer

Ephective Hosting website quoter thingy

October 20th, 2009

I work for Ephective and had to create a super easy way for people to price out websites.  These website packages are targeted towards small businesses with small budgets and because of this, there is no need to write up custom estimates for each individual project.

I came up with a multi-step Javascript form (degrades gracefully) that allows the customer to add and remove projects and services as they go and enter coupon codes that are XHR verified and automatically applied.  It’s modeled a bit after the way the big computer companies (HP, Dell, etc) allow you to add/remove components from computers.

This post will attempt to explain the logic behind that form.

» Read more: Ephective Hosting website quoter thingy