tag:blogger.com,1999:blog-50846219634719569852012-01-28T20:38:53.279-05:00A blog about enterprise software design, focusing on user interfaces, JavaScript, browsers and more.The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.comBlogger181100tag:blogger.com,1999:blog-5084621963471956985.post-40256187342160213812010-12-15T11:46:00.002-05:002010-12-15T11:47:26.844-05:00

Why I do it (by TheUiGuy)I have an innate curiosity about the workings of the universe, and much of my time learning various subjects including science, technology, mythology, religion and recently, civics. I'm the type to complain about the design of a parking lot and ask "what was the developer thinking?" and then spend the next 20 minutes redesigning the thing.This is why I am a User Interface

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com0tag:blogger.com,1999:blog-5084621963471956985.post-1023948923514986542009-03-22T18:29:00.009-04:002010-05-25T01:34:51.579-04:00

Check it out: http://www.buzzardproducts.comThe latest site, buzzardproducts.com, is for a family friend who wanted to start a t-shirt business. I put up the first generation of the site. My goal was to have only javascript with a ratio of 10:3:1, which is beginning to be my new idea. In this case, I wanted no screen refreshes - so it required some intelligent image loading because I am relying

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com0tag:blogger.com,1999:blog-5084621963471956985.post-16059444538179970262009-02-20T19:12:00.000-05:002009-02-20T18:26:04.735-05:00

Note: the latest version is 2.2.1j, which allows for images and text in the dropdown at the same time, and allows images to appear in the toggle.The improvements to 2.2j (also included in 2.2.1j) are explained below.I've been tinkering with SelectBoxFactory (Help Guide) mainly because I have been gettingsome feedback and want to provide some real world use cases. The tool did not come out of the

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com14tag:blogger.com,1999:blog-5084621963471956985.post-6321490108179046252008-10-10T16:39:00.017-04:002008-10-12T19:47:32.569-04:00

This is just an experiment. Just some fun. I doubt the practicality of such an interface, but then again, I felt compelled to create it. Its CPU intensive and won't look good if you have an older machine (IE 7 looked ok for me on my 1GB/pentium 4), but not great. Other browsers worked wonderfully. If you view it as text, of course it speeds up.I made it a mooTools 1.2 set of classes and you can

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com0tag:blogger.com,1999:blog-5084621963471956985.post-35593310346973272402008-10-03T21:16:00.030-04:002008-10-06T12:24:34.788-04:00

I've improved my code to the point during this latest round of optimizations, that I can get Safari 3.1 to load 4,356 divs (each with a few attached events, and 5 attributes, including styling) - to load in 657 milliseconds (.15 ms per item)The status of my system at the time was a 50% memory allocation (of 1 GB), iTunes running, a text editor running, and the one browser. No heavy background

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com3tag:blogger.com,1999:blog-5084621963471956985.post-41930310422119003312008-09-23T22:06:00.016-04:002008-09-23T22:52:59.761-04:00

I guess I can't leave well enough alone, but once i saw the css graphs on this page http://apples-to-oranges.com/goodies/css-for-bar-graphs/, I had to figure out a way to use them. Have a look by clicking the graph icon, then mouse over the bars and labels. Then, starting loading in different colors and watch the graph grow. (removal is shown in help guide).The thing to realize is that this is by

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com3tag:blogger.com,1999:blog-5084621963471956985.post-2636069466816475882008-09-21T21:03:00.010-04:002008-09-25T09:19:24.631-04:00

Note: Interested in show a bar chart? Try Select Box Factory 2.1 for jQuery (Help Guide & Download)Otherwise, see 2.0 below:Welp, i'm finally done transforming the code to be usable as a tool if you have jQuery 1.2.6+. I've spent many a week trying to perfect this in various browsers, and compiling a help guide.Please see this link for everything you need to know.:Select Box Factory 2.0 for

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com20tag:blogger.com,1999:blog-5084621963471956985.post-58441015562724963252008-09-14T13:49:00.009-04:002008-09-14T14:05:44.875-04:00

Below is just a snapshot of the brand new version 1.2j (using jQuery - as of 9.14.08) logger so you can see it, the link provides more. See below for the various versions.View log in action and learn about all options and settings.download v1.2j (as of 9/14/08 1:57pm)View 1.2j log in action.Version 1.2j is new and uses uses jQuery 1.2 and the jQuery ui draggable code, and has a slightly

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com0tag:blogger.com,1999:blog-5084621963471956985.post-20174637116563421582008-09-10T12:19:00.011-04:002008-09-21T23:16:59.523-04:00

I am working on version 1.1, cleaning up any logic or display bugs and trying to make it a bit more elegant... in the meantime, i am planning a list of features to include in the next revision.Everything grayed out is now completed in version 2.o, at the top of this blog.Port over to mooTools v1.2 (possible future version)Port over as a jQuery 1.2. I've converted my first widget to jQuery and the

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com0tag:blogger.com,1999:blog-5084621963471956985.post-39057300203223401222008-09-07T10:09:00.034-04:002008-09-07T22:37:00.634-04:00

Where do bugs come from and why are they always there in software development. Almost every engineer will give you a different take on the subject, and this is mine. I try to focus what I feel is common to all engineers. I'll be modifying this slightly and massaging it over time, since I want it to be comprehensive, maybe even with charts. But this is "1.0" of my article.In Summary:Here is the

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com0tag:blogger.com,1999:blog-5084621963471956985.post-85365793691115164632008-09-05T19:15:00.014-04:002008-09-06T13:00:34.811-04:00

(Taking a brief detour away from code for a moment). Have a look at the picture just below. If you are anything like me, you are absolutely baffled at how a perfectly self-sustaining bottle of medication needs to be stuffed inside of a much larger box. Yes this is exactly how it came. Read on...It wouldn't be fair if I didn't at least try to deduce why on Earth CVS decided to use such wasteful

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com0tag:blogger.com,1999:blog-5084621963471956985.post-40721005383380735002008-09-01T14:22:00.067-04:002008-09-21T23:14:55.245-04:00

Versiosn 1.0 is still supported, but version 2.0 is enhanced with many new features. It is for jQuery only, where this 1.0- version is for mooTools 1.1See Select Box Factory 2.0 for jQueryDownload v 1.0Here, the factory has produced a multiple-select box, with "sifting" tool attached. Try searching for one of the items in the list, or typing a letter in there. Next to it is the exact same list

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com13tag:blogger.com,1999:blog-5084621963471956985.post-50702653308898337292008-08-30T10:43:00.017-04:002008-08-30T13:42:55.703-04:00

Table Cell Editor v1.0Demo:Download: Version 1About the table cell editor:Its fairly straightforward, but a nifty little tool. It allows in-line editing for cells the way I think editing should be. Right now it takes a text field, but could easily be updated to take a textarea, a dropdown menu... anything.I have put in stubs for an ajax call, but commented it out, since I'm not interested in

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com0tag:blogger.com,1999:blog-5084621963471956985.post-58262081734338366382008-08-28T09:59:00.008-04:002008-08-28T10:08:12.899-04:00

Every now and then I do some freelance stuff. I do it for cheap or free (free-lance), depending on the person.In this case, this is the first time I've started with a template and then modified the graphics, layout, text to create what you see here. I needed to put something together one or two nights and that isn't easy to do with my free time. So, I think these results are great, considering

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com0tag:blogger.com,1999:blog-5084621963471956985.post-78468899002530656472008-08-28T08:21:00.056-04:002008-09-11T20:25:18.756-04:00

Updated 9.10.08 to 1.2. Items added/modified for 1.2 are in blue.The following are optimizations you can use for any browser when writing client-side code... most especially for Internet Explorer (ahem), and most especially when you are focused on enterprise installs. First, read a few paragraphs on where I am coming from.This blog will be continually updated, instead of me just making new blogs.

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com0tag:blogger.com,1999:blog-5084621963471956985.post-6533004882746197612008-08-24T23:04:00.022-04:002008-09-07T22:36:12.632-04:00

Someone I work with likes to do a sudoku puzzle during every lunch. I don't even have to ask him to know that he loves to play them, but also that he likes to keep his mind sharp.Coding can be quite challenging, and often depletes your energy without you having even to stand up for 8-10 hours (although I do!). When you get stuck or create bugs, it is often because you are too tired or foggy to do

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com0tag:blogger.com,1999:blog-5084621963471956985.post-18274068908713421922008-08-15T19:00:00.068-04:002008-08-24T23:49:35.019-04:00

Javascript Search / Sift Tool v1.0Demo:How to use the demo: You will see various blocks with text. Inside each of these are sets of attributes that you may search on. The datasets behind every div is just below. Have a look and that will give you a sense of how the sift tool works.So, allow me to give you a couple of starting searches. After looking at the datasets below, type the following. At

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com0tag:blogger.com,1999:blog-5084621963471956985.post-50412871579929422062008-08-15T17:19:00.006-04:002008-09-08T17:45:55.008-04:00

Since this is my first post, I guess an introduction is in order. My name is Ari, and I have been a user interface engineer for 10 years now, for enterprise and web.I registered a few domain names to start a company a few years ago, but then decided not to bother. So, the domain names "theuiguy.com", "uiguys.com", and "theuiguys.com" all will link to this blog.It may seem lazy for me to be using

The Ui Guyhttp://www.blogger.com/profile/10368114528796861183noreply@blogger.com1