Navigation

Interface Demo with jQuery UI - Part 1

As Promised, here is part 1 of the jQuery Interface -> UI demo conversion.

For those of you that have not seen the Interface Demo, it was the best sortable jQuery library of it's time (as far as most users were concerned). It seems that the site is finally offline, so unfortunately i cannot show you the original example.
Once this guide is done, I will conglomerate it into one giant wiki article, but as I am writing this as I make the changes, its going to come in installments.

For our first installment, we are simply going to forget about serializing, and make everything draggable.

This will be quite simple. First, we must include the UI files needed:

  1. <script type="text/javascript" src="jquery-latest.js"></script>
  2. <script type="text/javascript" src="jquery.dimensions.js"></script>
  3. <script type="text/javascript" src="ui.mouse.js"></script>
  4. <script type="text/javascript" src="ui.draggable.js"></script>
  5. <script type="text/javascript" src="ui.droppable.js"></script>
  6. <script type="text/javascript" src="ui.sortable.js"></script>

Once this has been done, we must change the jQuery code to call the UI functions.

Find (about line 153):

  1. $(document).ready(
  2.  function () {

Then change all of the following script to:

  1.                $('a.closeEl').bind('click', toggleContent);
  2.                 $('#sort1').sortable({
  3.                         items: '.groupItem',
  4.                         handle: '.itemHeader',
  5.                         connectWith: ['#sort2','#sort3'],
  6.                 });
  7.                 $('#sort2').sortable({
  8.                         items: '.groupItem',
  9.                         handle: '.itemHeader',
  10.                         connectWith: ['#sort1','#sort3'],
  11.                 });
  12.                 $('#sort3').sortable({
  13.                         items: '.groupItem',
  14.                         handle: '.itemHeader',
  15.                         connectWith: ['#sort1','#sort2'],
  16.                 });
  17.       }
  18.  
  19. );

Leave the functions intact. Once this is done, you can save your work, and will be able to drag and drop the divs as if nothing was changed! To view the code in its entirity (since eyecon no longer hosts the demo), you can find it here.

Next installment, I will show you how to rewrite the serial string output, and serialize the sortables!

Site Upgrade

After a very long process, I am finally satisfied that the new theme, and Drupal 6, is ready for the main site.[nodeinfo|93|body|0.88301400 1209050397]After a very long process, I am finally satisfied that the new theme, and Drupal 6, is ready for the main site. I have not scheduled in time to perform the upgrade, but I will post several days before it happens. Unfortunately, I don't think the forums will be functional by this time.

The new theme can be found at The Wiredbyte Beta Site.

In other news, I started yet another project. This is a file browser based on PHP and AJAX with jQuery, but it will be gracefully degradable to HTML. Unfortunately, I don't have an example up yet, as its still in the early phases.

The gallery module, if I haven't mentioned, is nearing the 1.0 mark. I just need to fix the overlay CSS and a few random issues.

I also saw Cloverfield on Tuesday. This was done with a great deal more quality than I expected. The first-person cam view makes it much more intense. It was a great movie, with lots of hidden clues and "easter eggs".

I have several posts that I want to get written, and now that the new theme is almost done, I may have some time to work on these. I miss posting frequently, and hope to start getting back into the swing.

Lastly, I'm working on a demo from the Interface jQuery plugin, and porting it to UI with a tutorial, as this is a frequently asked question on the web. Hopefully I can start getting that posted as well.

Until then, take care dear readers.. take care.

Freelancing

freelance.jpg

Amazingly, my blog is still here.. I figured it would have left me due to neglect at this point..

Anyways, The new site theme is still encountering a few issues, So I've postponed it yet again. The theme this far is available on SVN if you want to play around with it. Please don't distribute without contacting me first! You are welcome to test it out and provide feedback via the site. You can also view the theme in its development environment.

I've also begun doing some freelance work for some people. Most of the work has been jQuery, but I am also learned in PHP if anyone needs something written. If you would like more information, please contact me via the contact form or PM.

I'm also willing to help (usually for free, depending on the time required) other developers with questions, such as issues posted on jQuery Help.

The UI gallery module I have been working on is nearing a beta state, just some CSS issues to resolve. I will try to commit to SVN the latest files tonight.

Next on my ToDo list of modules is going to be an RSS reader/ticker type add-in. Hard to explain, but very common on company websites.

Empty Promises? NOT HERE!

promises.gif

There has been a serious lack of updates lately. While I have no excuses, I would like to justify this:

I've been hard at work on the new theme (In my spare time, which I don't seem to have much of - with the wedding and all), as well as trying to finish the site off to port to Drupal 6.1. I've been putting this off because of the lack of updated modules that I use. Most everything is now in working order, and I hope to have the site updated soon - maybe the next few weeks. I've done the following:

  • User Profiles are now tabbed, and have a more readable and user friendly layout
  • Forums are now integrated into Drupal, we are not using PHPbb3 - However, they are not finished and may not be available at the same time the site is updated.
  • Wiki pages are now also integrated into Drupal, they may not be formatted the same, but will have the same basic concept - users can create and edit them
  • I finished the logo/banner

I have also made various tweaks to the user experience. most of these are through the use of jQuery.

Apart from working on the site upgrade, I have 4 Drupal modules currently in development. I do not know if I will release any of these to the public, but I would like to at least release 2 (Confirm Human and UIGallery). At this point, they are not finished, but I hope to have them finished (Version 1.0) soon.

If you do not want to wait to see the new site design, you can view it on the test site: beta.wiredbyte.com/drupal. This layout is unfortunately incompatible with Internet Explorer 6, And has a few minor flaws in IE7 that will be fixed. If anyone would like more information on this theme, or have it ported for their site, feel free to contact me or leave a comment.

Razr - Could I ask for anything more?

razr.jpg

As far as cell phones go, I have always been behind the times.. Up until about 2 weeks ago, I had a Nokia 6061..

I recently acquired a Motorola RAZR V3.. And I love it. The camera function is a little lacking, but let's face it, its a phone, not a camera. For the camera that it is, it works well enough. Anyways, I have been playing with all of the different features and free software such as p2ktools and p2kcommander (screencast in the works) and decided to buy my fiance a RAZR as well. She wanted Pink.. what woman wouldn't?

We also decided to buy Bluetooth headsets, as I commute alot and hate talking while driving. I browsed eBay for a few days and found some prices that were too good to be true. I did my homework and decided id buy some and see how it turned out.

I purchased 2 headsets, both Motorola H700s, as we use them at work and they seem to be pretty good. They were both purchased from different sellers on Thursday night, and showed up in the mail Monday morning. They looked identical, except once again, hers was pink. I started reading about counterfeit scams on eBay and decided to check the validity of my Headset ( I didn't doubt hers, as it came in retail packaging, where mine came in a small padded envelope and bubble wrap).

After visiting the Documentation the Motorola site, I made 2 discoveries. Its pretty hard to tell a fake from a real headset without the pictures on the site, but moreover, H700s are not manufactured in PINK!

My headset turned out to be real, to my relief. I am currently working with Motorola and Paypal to see what can be done about this knockoff though.

Stay tuned for the outcome of this fiasco..

Site Upgrades

I haven't said much about this lately, but I am still hard at work on the new site design. It is about 90% complete now, and you can see it here.

I have added and am still adding several key features:

  • Integrated Forums - Bye Bye PHPBB3
  • Integrated Wiki
  • Rss Feeds will be posted to the main page automatically form other sites, I have not perfected this yet, but you can see it in action at the test site.
  • Profile Layouts have changed

I'd love to hear what everyone thinks! Once I get a little more time, I have some code that will be posted for everyone's benefit. Until then, Have fun breaking my test site!

Xbox360 may be getting Blu Ray

XBOXBLURAY.jpg

Microsoft and Sony are currently in "talks" about developing a Blu-Ray drive for the Xbox360... It's about time!!

From Engadget:
About 48 milliseconds after the format war was officially over, rumors started running rampant (again) about Blu-ray making its way over to Microsoft's latest console. Now, however, those rumors actually have some legs -- well, at least a leg. According to Stan Glasgow, Sony Electronics US president, "Sony is in talks with console rival Microsoft about offering a Blu-ray drive for the Xbox 360." For whatever it's worth, the exec also noted that it was having similar discussions with Apple, which has yet to even offer a Blu-ray option on any of its machines. Unfortunately, not a peep was uttered about potential launch dates and the like, but you can rest assured that we'll be keeping an ear dangerously close to the ground.

Perfect Nerd-Dom

[nodeinfo|87|teaser|0.53440400 1205272566][inline_autoadd][image=1]For Christmas, a friend of mine gave me a Window sticker for Aperture Science Labs.

Still want a Mac?

[nodeinfo|86|teaser|0.67638200 1205186253]I read this story of a poor traveller who just bought a Macbook Air and had to quote his post:

YOU CAN READ MINDS?!

[nodeinfo|85|teaser|0.26590400 1204582465][inline_autoadd][image=1]OCZ has just announced a new computer peripheral that can read your mind!.. well more or less at least. It works be reading eeg and muscle movements to control a specific App.