Archive Page 5

05
Aug

More Redoable Tweaking (tag cloud, livesearch)

681 views 1231 words.

Today I attempted to upgrade to deanjrobinson.com’s newest Redoable theme. Hahaha…yea right!

If you have done ANY tweaking to previous versions of Redoable, I wouldn’t suggest trying to upgrade. Anything you have done as far as customizing is concerned will have to be totally redone. There are ALOT of great updates, but I would rather upgrade by hand then start from scratch.

So there you have it. Upgrading to a new version of Redoable after yours has been customized = BAD IDEA + HOURS OF HEADACHES.

UTW Tag Cloud & Redoable

Not to some good news. I finally took the time to see how Ultimate Tag Warrior is being implemented in this template. We all know what a great plugin this is, but for some reason Redoable’s default display of it leave you wanting a LOT more. As it turned out, its just the matter of changing a single line in the sidebar.php file. Shown below….

Before:

    <?php if(function_exists (’utw_showweightedtagsetalphabetical’)) { ?>
    <div class="sb-tags">
        <h2><?php _e(’Tags’,'redo_domain’); ?></h2>
        <div>
            <?php UTW_ShowWeightedTagSetAlphabetical("coloredtagcloud"); ?>
        </div>
    </div>

After:

    <?php if(function_exists (’utw_showweightedtagsetalphabetical’)) { ?>
    <div class="sb-tags">
        <h2><?php _e(’Tags’,'redo_domain’); ?></h2>
        <div>
            <?php UTW_ShowWeightedTagSetAlphabetical("coloredsizedtagcloud"); ?>
        </div>
    </div>

Notice that just by changing coloredtagcloud to coloredsizedtagcloud you get a much better looking tag cloud. Seems to me that under the Redoable options they should have inserted an option in there so you could easily choose. It’s no big deal though.

Also note that I messed with the sb-tags style in the Redoable’s style.css sheet. I added text-align:justified so I wouldn’t have any wasted space (or appear that way at least).

The UTW_ function’s are as follows (they are pretty straight forward too). Bold indicates functions you should be using in your sidebar.

  • UTW_ShowTagsForCurrentPost
  • UTW_ShowRelatedTagsForCurrentPost
  • UTW_ShowRelatedPostsForCurrentPost
  • UTW_ShowRelatedTagsForCurrentTagSet
  • UTW_ShowCurrentTagSet
  • UTW_ShowWeightedTagSet
  • UTW_ShowTimeSensitiveWeightedTagSet
  • UTW_ShowWeightedTagSetAlphabetical
  • UTW_ShowTimeSensitiveWeightedTagSetAlphabetical

As far as the parameter (or layout option) is concerned, you can check out the UTW website or look at the UTW admin options. They give you a drop down list of all the possibilities. Again, they are pretty straight forward. Here’s what the drop down looks like.

Livesearch

I did however, successfully fix the livesearch issue with redoable v. 1.0. For some reason, when I would submit a search using the live search, the spinning icon would go on and on and never stop. Don’t ask me why, because I have no clue. Everything in the .js looked alright when I glanced over it. Instead of hassling a lot with it, I just replaced the searchComplete function in livesearch.js.php with the Redoable v 1.2 copy and BAM..it fixed it. Changes below..

Before:

    searchComplete: function() {
        $(this.hideitem).style.display = ‘none’;
        
        //added to hide first post by Dean Robinson
        $(this.hidefirst).style.display = ‘none’;
        $(this.hidesidenote).style.display = ‘none’;
        //end add
        
        Effect.Fade(this.loaditem, {duration: .1});
        Effect.Appear(this.resetbutton, { duration: .1 });

        Event.observe(this.resetbutton, ‘click’, this.resetLivesearch.bindAsEventListener(this));
        $(this.resetbutton).style.cursor = ‘pointer’;

        // Support for Lightbox
        if (window.initLightbox) {
            initLightbox();
        }
    },

After:

    searchComplete: function() {
        $(this.hideitem).style.display = ‘none’;
        
        //added to hide sidenotes or comments by Dean Robinson
        if(document.getElementById(this.hidesidenote) && (this.resultposition == 1) ) {       $(this.hidesidenote).style.display = ‘none’; }
        if(document.getElementById(this.hidecomment) && (this.resultposition == 1) ) { $(this.hidecomment).style.display = ‘none’; }
        //end add
        
        new Effect.Fade(this.loaditem, { duration: 0.1 });
        new Effect.Appear(this.resetbutton, { duration: 0.1 });
        
        Event.observe(this.resetbutton, ‘click’, this.resetLivesearch.bindAsEventListener(this));
        $(this.resetbutton).style.cursor = ‘pointer’;

        // Support for Lightbox
        if (window.initLightbox) {
            initLightbox();
        }
    },

It looks to me as if there we just a few javascript logic or syntax errors that were made and were fixed. Works like a charm now though.

Plenty more to come, I’m about to get to work using a javascript effects library (probably mootools with moo.fx) to get that left sidebar to be a bit more dynamic, and take up less room. Can you say mouseover blinds?

Share and Enjoy:
  • E-mail this story to a friend!
  • Digg
  • Technorati
  • StumbleUpon
  • del.icio.us
  • Live
  • Reddit
  • Furl
  • MisterWong
  • Slashdot
  • Spurl
  • Fark
  • YahooMyWeb
Sphere: Related Content

03
Aug

Javascript Effects (fading, scrolling, etc.)

1,460 views 322 words.

There are TONS of really cool rollover effects to use on your website using some pretty simple javascript code. I’ve mentioned before that I use fat.js on this site to give that cool Wordpress type fade effect. Don’t believe me? See it for yourself….mouseover the headers on the left sidebar. Here’s a list of some of my favorites.

Javascript Effects (standalone)

  • fat.js - What I use on truCubed.com. Wordpress style fading effect. An example is on truCubed.com left sidebar.
    Download fat.js
  • scrollovers.js - Nice effect that scrolls text over to another cover. Pretty slick.
  • byte.fx - In between a single file and a javascript library. Not a full effects library like the ones below, but still fully functional. Quite powerful as well.

Javascript Effect Libraries

  • mootools - Super lightweight and very efficient.
  • moo.fx - Extremely lightweight and VERY nice. I haven’t had time to implement any myself, but I definitely plan on it. I actually plan on making that left sidebar scroll open like the moo.fx main page. Extension of mootools.
  • script.aculo.us - Probably the most popular effect library out there. It’s not quite as easy to use as moo.fx, but nonetheless…its very nice once you get the hang of it. If digg and feedburner use it, why shouldn’t you?
Share and Enjoy:
  • E-mail this story to a friend!
  • Digg
  • Technorati
  • StumbleUpon
  • del.icio.us
  • Live
  • Reddit
  • Furl
  • MisterWong
  • Slashdot
  • Spurl
  • Fark
  • YahooMyWeb
Sphere: Related Content

03
Aug

SEO and Some Ramblings (Prettying Up Your Site..not too much though)

478 views 824 words.

I choose to use a few javascript effects to add a little flashness and style to this site. But, to be honest, I’m not a big fan of over the top effects. First, they slow down your site. Second, I’m a HUGE fan of less is more. Why would you want to clutter up your website with stuff that takes away from what message or post your trying to get across to your readers. Not to mention advertisers….

Like any other blogger, the goal is to write and gain readers attention. If things go well, and you reach enough people, there’s the opportunity to acquire advertisers to gain a bit of revenue. The less attention you call to your own site, the more attention you can bring to your advertising space. Which brings up another interesting topic…FLASH. It’s another HUGE bag of worms, and quite the pet pieve of mine. But let’s leave that for another day.

If your javascript and other effects don’t increase the usability to the users, then there’s no sense in adding the excess clutter. Another pet pieve is AJAXing something that doesn’t need it! The same is true for this as it is for javascript effects. The goal isn’t to make your site look like the 4th of July. Just because it is a COOL effect doesn’t mean diddly….if it doesn’t increase usability then FORGET ABOUT IT!

Don’t Make Your Sites Like This

  • http://www.dinersclub.com/en/index.html - Your main page should simply and clearly get your message across. To me, this site doesn’t do either.
  • http://www.angelfire.com/super/badwebs/ - Obviously, this page is just trying to get a point across….FRAMES SUCK! Don’t ever, ever, ever use them. There’s absolutely no sense in doing it. Some people claim it can save bandwidth…blah blah blah. To me, it’s just annoying. If still think bandwidth is an issue, it’s time to switch from dial-up. Anyone with a normal connection is not going to see a difference between a framed site and an unframed site.

Why No Flash

  • First, it takes up a lot of resourses.
  • It’s interferes a lot with usability. Instead of the normal UI that site viewers are used to, they are bombarded with all kinda of fading, scrolling, popping, hidden navigation features. Remember, you want the users to EASILY use their site.
  • SEO! Instead of having a page filled with <h1> and <h2> tags, along with content (the list can continue), you have a single <embed> or <object> tag that calls the Flash object. Google, and other search engines don’t currrently have the capeability to digg into Flash…so your missing out on all that SEO. In my personal opinion, bad idea. VERY bad idea.
    Please don’t get me wrong. Flash is a VERY, VERY powerful tool that, when used correctly, can bring a lot to any site! I just don’t think a site should be entirely flash. I great example of this would be the old mtv.com site. It was so unusable they trashed it in a matter of months. I wish I could find the exact cached version I remember somewhere, but no such luck. That link above is the closes I could find. 

Site Entry Options? (HTML or FLASH/LOW or HIGH Bandwidth)

  • So let me get this straight…you want the users to make themselves pick how they want to view their site. Are you serious? First, we just decided an entirely FLASH site (which is usually what HIGH Bandwidth denotes) is a bad idea. Second, who wants to admit they need to low bandwidth version of a site?
  • The first page you come to is your first and only chance to grab attention. Making a user pick which way they want to view the site is an added step….which makes them more likely to just "say screw it" and go else where. Not to mention all that wasted screen area. Bad idea in my opinion.

I’ve officially stepped off my soap box now. Please comment. Also…I’m about to write about some really cool Javascript effects, including one that I use in the left sidebar. I mentioned it in my previous post (Redoable with 2 Sidebars). I’ll be sure to post the link here when I’m done.

Share and Enjoy:
  • E-mail this story to a friend!
  • Digg
  • Technorati
  • StumbleUpon
  • del.icio.us
  • Live
  • Reddit
  • Furl
  • MisterWong
  • Slashdot
  • Spurl
  • Fark
  • YahooMyWeb
Sphere: Related Content


Page 5 of 7« First...«34567»