December 12, 2011

Tumblr Search Advice: DO NOT USE

After experimenting with Tumblr’s new search feature, I suggest that you just leave it out all together. It never yields results, and is complete junk. Take my word for it.

December 2, 2011

Spotify Privacy With Facebook

Spotify is slowly growing in popularity, thanks mostly to its seamless integration with Facebook. They were very creative in how they were going to market, and requiring a Facebook account was genius for promotion. The single reason I found out about Spotify was seeing my friends updates that they were listening to this new software. How do you turn that feature off if you don’t want people to see what you are listening to? Easy. Upon installation, just uncheck the box “Show what I listen to on Facebook”. Hope that helps!

Uncheck the box to remove the instant status updates when you listen to Spotify.

November 30, 2011

Web Design Trends 2011

With 2011 coming to a close, I wanted to point out one major web design trend that will definitely be tied to this year. That trend? Banner’s coming from behind the webpage. Yes this gives it more depth, but it is now highly overused and will be gone as fast as gradient shadows left us years ago. Here are just a few screen shots I’ve collected in the last couple days as I’ve browsed the web.

Web Design Trend 2011 by Interactive John

Web Design Trend 2011 by Interactive John

Web Design Trend 2011 by Interactive John

Web Design Trend 2011 by Interactive John

Web Design Trend 2011 by Interactive John

November 14, 2011

Vimeo Not Working With PrettyPhoto

Recently I had project where I had to take Vimeo links and have the videos pop up in lightbox, and in this case I chose PrettyPhoto. I built the site in WordPress and used custom fields as a place the client could post their Vimeo links. For some reason though, the links were turning into iFrame embeds which was throwing all sorts of errors. I couldn’t for the life of me figure out why this was happening. I tried adjusting code in prettyPhoto, disabling scripts, disabling plugins, everything! My frustration was growing and I called it a day.

As I was walking to the bus I called my fellow developer friend and explained the problem. He told me, “Did you check the WordPress Auto-Embed to make sure it was turned off?” OH. MY. GOSH. I couldn’t believe I had missed that. It might sound stupid, but sometimes the solution is easier than we think. The moral of the story is that we have to explore the easiest solutions first, then move on to the more complex conflicts.

If you were wondering where this was in the WordPress Admin, it is under “Settings > Media”. Just uncheck the box like I’ve done here. Hope this saves somebody some time!

The solution to Vimeo and PrettyPhoto Conflict

October 31, 2011

jSCROLLPANE: Horizontal Scrolling with Scroll Wheel

I came across the issue that the track ball scrolling didn’t work with jScrollPane. I found the fix in a google group that the creator of jScrollPane Kelvin Luck gave himself ( ). Here is the solution:

  1.  var element = $('.scroll-pane').jScrollPane();
  2.  var api ='jsp');
  3.  element.bind(
  4.       'mousewheel',
  5.       function (event, delta, deltaX, deltaY)
  6.       {
  7.           api.scrollByX(delta * 30);
  8.           return false;
  9.       }
  10.  );

I made a couple additions like adding the actual scroll-pane class and the ( delta * 30 ) to speed up the scroll pace.

September 16, 2011

WordPress Multiple Content Blocks: Remove WYSIWYG Editor

So I was looking for a plugin that would allow me to have multiple content blocks with the WordPress admin. If I couldn’t find one, I was going to create one myself. Fortunately for my upcoming work schedule, I found one by Trend Werk. I want to give them a special thanks because their plugin is AWESOME and provides exactly what I needed. I will definitely be looking into their other plugins because this one is great. You can download it through their website

So onto the reason for this blog post. The only thing that I didn’t like about the plugin was that their was no settings where I could disable the WYSIWYG. So I went dumpster diving into the code and made a few edits to fix this. Go in the plugin files and find “multiple_content.php”. Go to lines 134-149. Here is the original code:

  1.   if(get_usermeta($current_user->ID,'rich_editing') == 'true') {
  2.    //leave this away when wysigwyg is disabled
  3.    echo '<a id="edButtonHTML" class="hide-if-no-js" onclick="switchEditors.go(\'multiplecontent_box-'.$fieldName.'\', \'html\');">HTML</a><a id="edButtonPreview" class="active hide-if-no-js" onclick="switchEditors.go(\'multiplecontent_box-'.$fieldName.'\', \'tinymce\');">Wysiwyg</a>';
  4.   }
  6.   echo '<input type="hidden" name="multiplecontent_box-'.$fieldName.'-nonce" id="multiplecontent_box-'.$fieldName.'-nonce" value="'.wp_create_nonce("multiplecontent_box-".$fieldName."-nonce").'" />'."\n";  //nonce
  7.   echo '<textarea id="multiplecontent_box-'.$fieldName.'" tabindex="2" name="multiplecontent_box-'.$fieldName.'" cols="158" class="theEditor" rows="15">';
  8.    $content = get_post_meta($post->ID, '_ot_multiplecontent_box-'.$fieldName , true);
  9.    echo apply_filters('the_editor_content', $content);
  10.   echo '</textarea>';
  11.   echo '<p>&nbsp;</p>';
  12.  }
  14.  if($editors == 0) {
  15.   _e('There are no content blocks in this template.','cms');
  16.  }

Line 134 change from “True” to “False” like this

  1. if(get_usermeta($current_user->ID,'rich_editing') == 'false') {

Then on line 140 delete the class “theEditor” like this

  1. echo '<textarea id="multiplecontent_box-'.$fieldName.'" tabindex="2" name="multiplecontent_box-'.$fieldName.'" cols="158" rows="3">';

The final product looks like this:

WordPress Multiple Content Blocks: Remove WYSIWYG Editor

September 11, 2011

Worst Designed Site Ever Contestant #1

While I was searching for some information about Favicons, I came across this site. Where can I find the information about Favicons again?

This could possibly be the worst ever designed website.

August 30, 2011

WordPress Conditional Tags

WordPress Conditional Tags not working? This might be the problem.

Today I ran into the problem of WordPress Conditional Tags not working properly. I wrote the following:

if ( is_page( 'press' ) || '2' == $post->post_parent ) {
} elseif ( is_category( array( 1014, 1015, 1016 ) )) {
} else {

This kept returning false. I didn’t understand why it was doing this! Turns out, the conditional statements need to be outside the loop. Still perfecting my PHP skills, I did not pick up on this right away. So the code above I had in my sidebar.php file, and once I moved the sidebar outside of the loop, it worked! Here is what my final solution looks like:

Template Name: Apple and Orange
get_sidebar(); //where my conditional statement lives
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$args = array(
'category_name' => 'apple-and-orange',
'paged' => $paged,
'posts_per_page' => 6
if ( have_posts() ) : while ( have_posts() ) : the_post();

Hope this helps somebody else save some time!

August 15, 2011

Project Runway Tweet Voting System

Project Runway started off a new season a couple weeks ago, with possibly the best season yet. Along with the skillful designers, they have also implemented a great new Twitter integration into the show. I was very impressed at how well they pulled this off.

Project Runway Twitter Voting Page

Whenever they have a designer speaking on the show, they put their Twitter voting feed on their as well. What a great promotional tactic for the show! This is how Twitter SHOULD BE implemented, not to mention the great design of the actual vote page on their website. Bravo Project Runway (pun intended).


April 25, 2011

Verizon FIOS is pretty dumb.

Apparently FIOS can’t find Google. How it doesn’t recognize the most used website in the world is BEYOND me.