Logging In

The new Digg can be viewed by going to http://new.digg.com which drops you into a pretty nice looking log in screen.

Connecting

The first time you log in, it has a really easy to follow setup that asks some basic questions for you to connect to other social sites. I connected them all; Twitter,Google and Facebook.

Apparently not a single friend of mine is currently using Digg V4, no surprise there!

Usage

Digg is setting itself up in a very good way. They are re-inventing themselves with this idea. Before, you could only get Diggs via categories like Top Ten, Technology, etc. or you could find users and view the Diggs that they Dugg. But now, it is being setup so that you control your Digg feed, according to those users that you Digg. In which you can then Digg items up. So from now on Digg will be able to suggest to you, only the items that you really would like to see (mrbabyman all the way!).

Bugs

I did however encounter a bug, to which I filed a report. If you try to load more items than there are currently in the system, you get an error stating that there are no more items, but the loading never quits and still shows up as a click-able link. So there are still some kinks to work out, but I for one think this is a great way to stay ahead of the rest!

– Update –

Another bug was discovered. When clicking to add a link to your account (like adding my website to mine), if you press after typing in your web address, the form does not submit. Instead the page refreshes and you lose your previous entry you typed in. The only way to submit the form it to actually click the button.

I ask myself, “when using a menu, why do I have to drag my mouse from one button to the next, and fear losing the menu if I cross it’s border anywhere?”  Some menus are just annoying because they disappear mid mouse move, some are extremely hard to use because of several layers of menus, some I have resorted to using `tabs` to get to the correct menu item.  It’s unfortunate that people can’t get this right.

I have a simple fix that hopefully sharing it will help others. It’s basically a menu that buffers the time you are hovering, that way if you mistakenly move your mouse into the wrong area, you have a brief period of time to correct yourself.

Start with the HTML code:

<ul id="menu">
	<li class="nav"><a><span>ONE</span></a>
	<ul>
		<li><a><span>one</span></a></li>
		<li><a><span>two</span></a></li>
		<li><a><span>three</span></a></li>
		<li><a><span>four</span></a></li>
	</ul>
	</li>
	<li><a><span>TWO</span></a></li>
	<li class="nav"><a><span>THREE</span></a>
	<ul>
		<li><a><span>one</span></a></li>
		<li><a><span>two</span></a></li>
		<li><a><span>three</span></a></li>
		<li><a><span>four</span></a></li>
	</ul>
	</li>
	<li class="nav"><a><span>FOUR</span></a>
	<ul>
		<li><a><span>one</span></a></li>
		<li><a><span>two</span></a></li>
		<li><a><span>three</span></a></li>
		<li><a><span>four</span></a></li>
	</ul>
	</li>
</ul>

The menu is a simple list within a list. There are essentially only four main list items; ONE, TWO, THREE and FOUR. Each of this list items has their own list of list items generically named one, two, three and four. I personally stick with lists as my menu’s of choice because they degrade gracefully in case of CSS/JavaScript issues.

This list by itself isn’t much, in fact it’s not even a menu. CSS will be needed to really make it work correctly.

#menu li {
	list-style:none;
	float:right; /* Makes IE 6,7,8 act like FF */
	position: relative;}
#menu li a {
	display:block;
	width: 160px;
	height:35px;
	margin-top: 5px;}
#menu li a span{
	padding-left:10px;
	line-height:2.8em;
	color: #000000;
	font-weight:700;}
#menu li a:hover {
	font-weight:bold;}

#menu li ul li a:hover span{ color: #222222; }

	#menu li ul {
		margin:0px;
		position:absolute;
		left: 160px;
		top:-90px;}
	#menu li ul li {
		padding:0px;
		border:0px;
		border-collapse:collapse;
		margin:0px;
		height:34px;}
	#menu li ul li a{ margin:0px;padding:0px;border:0px;}
	#menu li ul li a span{
		display:block;
		padding-top:7px;
		font-weight:100;
		line-height:1em;
		font-size: 83%;}

This is some simple CSS that will make the UL/LI lists to really act like lists. Now the only issue is that you need it to act like a list. So the final piece of code to this puzzle is to add some JavaScript. I am using the jQuery library as my choice for creating this script, so it’s necessary to have that package (1.3+) installed for this to work. You can drop this script into the footer element inside of ‘script’ tags so it will run. It will run automatically on page load.

$(document).ready(function() {
	/* Setup the Menu */
	$("#menu > li > ul").hide();

	$("#menu li.nav").hover(
		/* on mouseover */
		function(e) {
			hoverMenu = this;
			if(this == closingMenu) {
				clearTimeout(closeMenu);
				clearTimeout(openMenu);
				$(this).find("ul:first").show("fast");
			} else {
				var newMenuOpen = function() {
					$(hoverMenu).siblings(".nav").find("ul:first").hide();
					$(hoverMenu).find("ul:first").show("fast");
				}
				openMenu = setTimeout(newMenuOpen, 500);
			}

		},
		/* on mouseout */
		function(e) {
			closingMenu = this;
			var closeMenu = function() {
				$(closingMenu).find("ul:first").fadeOut("fast");
			}
			closeMenu = setTimeout(closeMenu, 500);
		}
	);
});

The final product is quite a nice and simple dynamic menu that adds just the right touch of usability. Now, typically, I would never say that a menu with sub menus popping up everywhere is something of a usability menu system, it’s not. But sometimes, a nice menu like this is needed, especially if there is a lot of information and ‘drill downs’ that need to be accessed quickly. In any case, you can see my demo here. Leave some comments if you have any questions, and enjoy! You can also see a fully implemented version at Xcessorries Squared.

You can also jump right to the gallery to just view the images.
Personally, I prefer Linux. In the past few years I have travelled through many different distributions. Lately (past year or so), I have solely worked with the fastly becoming forerunner, Ubuntu. Power linux users can complain all that they want about how Ubuntu is fancying the wrong crowd, but the simple fact is that if Ubuntu wasn’t doing the things they are doing, we wouldn’t have the incredible developements that Linux distributions now offer. To put some fuel for the fire about how Linux is not usable, or that it is simply not capable of being the powerhouse that real users know it can be, I wanted to walk through my setup.

When nothing is brought up or running

This is my Desktop when I have nothing open. I have 6 virtual desktops… meaning I can have up to 6 `windows` with stuff in them. I can switch between them by either dragging something to another page, or by using ctrl+alt+ left|right|up|down. So how is this usable, where’s the menu? Well, for one, it’s a touch screen (yes it works quite well) laptop (x61t) that has a 1024*768 resolution. So I need realestate, so that is what is the deciding factor in my choices. The menu is on the left, just moving the mouse to the left side of the screen shows it.

The Ubuntu menu

As you can see it’s all there. But I rarely ever use it. Usually , I just hit command+space which brings up my GnomeDo options.

Gnome Do 's native functionality; searching.

So as I type, it highlight in blue… and it has some amazing plugins! Sometimes I need a quick mouse menu… like when I’m browsing… for that moving my mouse to the bottom of the page solves this with GnomeDo’s Docky feature.

This is the settings menu for Docky.

So Docky is good… and looks good, but sometimes I just need some space for things that I generally need from time to time…. for this I have my screenlets. A quick press of f9 will bring them up… sending everything to monochrome behind.

A good view of the Screenlets overlay

Notice… Pidgin, Terminal, another Funky clock, Date, the Current moon, Uptime, Battery, and Places. Over time I’m sure I will add more… Still looking for a killer calculator. So now that I have my machine on and running, I need some music.

Excellent Linux media player with a great skin.

Bring in Songbird. yes this is an actual screenshot of my current playlist. It’s very slick, and easy to use and understand. Now that I have my music up, lets fire up some programming tool.

Excellent Ubuntu programming program; Geany

I love Geany. It’s very easy to use, and it’s completly packed with autocompletion, etc. Notice how it handles all the language, and allows me to set a dark theme. Once again, pay attention to the realestate usage… I use the entire screen.

Sometimes I have small windows open. Ubuntu handles this well.. take a look at what happens when I have more than one open, notice how the previous clicked windows fade out for better attention getting.

Making sure that the other windows fade so that the one you are on gains best focus

Sometimes though… I have things on other virtual displays that I need… and a simple alt+tab won’t get to them. For those I do ctrl+command+space… and wha-laa

Easy window grabbing by putting them all up together.

So what about this Vista I keep seeing… you mean this vista?

The start menu when running Vista in seamless mode.

That can run all these `Windows` *ick* programs on my desktop?

Vista programs running on the Ubuntu desktop; via Virtualbox

There is a lot to offer in such a free package of software eh. It seems that it handles quite alot of ‘usable’ features. Things people never imaged they could have for just a download.

Things like pen recognition and pressure recognition…

Pen input, pressure sensitivity, shape recognizer

And it’s amazing what firefox can look like…

Saving real estate by going full screen with firefox

I think I’ve shown my point, that linux doesn’t have to be all drab, it can be pretty slick too.

and I will leave you with my idle screen… Rain

Neat desktop effects, this is the raining effect.

Image Gallery

The goal of the site is to host all of the ideas that I have in my head and that will in the end help motivate me to get them done and worked on… if individuals decide to comment on them   I will attempt, at my best, to keep the projects code clean and easy to follow, along with good documentation.

A few may be very helpful to some (jCritic, jSave, jSuite) so as I get them done, I will defitely get them on there with working demos etc.

In the end, enjoy!

http://wiki.github.com/geedew/jsuite

The code is all up and should be working… there is a test.html that I am turning into a full working demo.  Much work is still in the works with it, and I have to upgrade to jQuery 1.3 now!

Of course you can Download it here!

Imagine if you could, a plant growing some many million miles away.  Soon, it will be two plants. Four, 20, etc.  Soon there will be a forest.  Which will then provide oxygen, and air as we know it.  By now we would have started sending teams of scientists away for years to do their work.  Radio’s and Satellites will begin to appear on the surface.  Children of our Kids will watch the first families begin to leave Earth on SpaceShip101-’The Ark’.  After a few generations, the first child will be born on Mars.  Later, a School.  The children will be instant celebrities, yet human… and martian.  50 years later, there will be thousands living in the soils of our newest Planet.   A government will appear, whose will it be?  Peace on Earth?  Eventually, Martians will have their own governments, maybe they will revolt? But following our steps, in just a handful of generations, chances are we will see our next step in going from Point A to Point B to get much faster, and distance much smaller.  Those partaking in the journey more than once will begin to get a better understanding on distances, and they will adapt to think of the traveling as ‘nothing really’.  Putting platforms into orbit around the two planets will set up ‘OrbitWays’ for less expensive, more convenient, and possibly faster travel.  Eventually Point A to Point B will become fast, in relative terms, one Earth week?  All starting at one lonely robot, planting one lonely asparagus on one desolate place.  We live in exciting times, the future is upon us.

IBM has outdone themselves with the x61. The x61 came out about a half a year ago, and this Christmas they had a one week deal that dropped the price down by nearly 50% of the overall Cost. I jumped at the prospect, even though I had decided to wait another 6 months to replace my aging Toshiba. Let me Introduce you to my new computer.

Lenovo X61

• Dual Core Centrino Pro 1.8Ghz with 4Mb Cache
• 3Gb 533Mhz DDRII Ram (Max 4Gb)
• 100Gb 7200rpm Hard Drive with 1Gb Cache for speed boost
• Multi-Touch Monitor (Touchscreen and Stylus)
• Multi-View Monitor (Indoor and Outdoor – full sunlight does not affect viewing enjoyment. ** Max resolution is only 1024 x 768)
• Tablet Mode (monitor swings around and lays flat)
• Vista Business
• Intel 965 Integrated Video with 128Mb dedicated memory
• 3 usb 2.0, Gigabit Lan, Wifi A/B/G/N, SD reader, PCMCIA slot, 1394 Firewire, VGA out, onboard Mic.
• 4-Cell Battery (8-Cell available) @ 2.5 hours of power

So as you can see, this thing flies! It’s a tablet computer that weighs a mere 3.77 lbs with the battery in.

Now to the good stuff, what this is intended to do.

First thing I did was install VMware Workstation 6. This is a virtualization software that will allow me to do what’s next in the list.

Next I downloaded Ubuntu Gutsy 7.10 in live cd Iso format. Then mounted the ISO as a virtual CD drive. Fired up VMware and created a new virtual computer, which was subsequently loaded with Ubuntu.

While in Ubuntu, I then installed Quanta+, Apache, PHP5.2, MySql5, RapidSVN.

Quanta has quickly become my chosen editor when it comes to developing. It’s fast, sublime, pretty and full of features, including auto finishing words you are typing based on a history of the words you have typed. The rest of the LAMP install is too long and also reproduced many times over (check out the forums on http://forums.ubuntu.com for more details if you are interested in this) to repeat here for the 10 Millionth time.

While VMWare is running the Ubuntu machine, that I dedicated 512Mb Ram to, I started network installing Microsoft Office. I really really enjoy using OneNote, which is one of the greatest Tablet Tools that is out there.

After that was all said an done, I know have a mobile computer that packs a serious punch. I am running Vista using OneNote to take notes, Internet Explorer 7, Firefox, Safari and Opera to test web pages, virtualized Ubuntu Gutsy running my editor and Webserver, so no matter where I happen to be, I can easily program and test via a single powerful machine.

Such an amazing combination, I am sure many of you also would consider the same.