“Apple of My Eye” – an iPhone Short Film

Among the new features of Apple’s latest iPhone is its ability to shoot and edit HD video. This short film is a great example of what someone with the necessary skills and talent can do with this remarkable device. After watching it, I’m inspired to go out and shoot my own. How about you?

Posted in Video | Tagged , , | 1 Comment

Adding auto-scroll to the WooThemes VibrantCMS

One of my clients wanted the featured image slider in the WooThemes VibrantCMS theme to auto-scroll. As I couldn’t find a solution out there, I coded one myself.

Auto-Scroll Demonstration

This video demonstrates the effect achieved by the JavaScript I include in this post:

The Code: VibrantCMS Auto-Scroll JavaScript

To make the featured images auto-scroll in your VibrantCMS theme, you’ll need to add the following code to /vibrantcms/includes/js/featured.js:

Before jQuery(document).ready(function(){ add:

var scrollcount = 1; // a global var used to setup counting between transitions
var scrollinterval = 7000; // time in milliseconds between transitions
var transinterval = 1000; // time in milliseconds for the transition between featured images

function autoscroll(){
	var buttontotal = jQuery('#steps ul').children().size();
	var marginleft = scrollcount * -960;
	jQuery('.widearea').animate({
		marginLeft: marginleft + 'px'
	},transinterval);
	scrollcount++;
	if(scrollcount == buttontotal) scrollcount = 0;
}

After jQuery(document).ready(function(){ add:

autoscrollID = setInterval('autoscroll()',scrollinterval);
jQuery('#steps li a').click(function(){
	clearInterval(autoscrollID);
});
jQuery('.buttons').click(function(){
	clearInterval(autoscrollID);
});

Once you are finished, the complete file will look something like this:

var scrollcount = 1; // a global var used to setup counting between transitions
var scrollinterval = 7000; // time in milliseconds between transitions
var transinterval = 1000; // time in milliseconds for the transition between featured images

function autoscroll(){
	var buttontotal = jQuery('#steps ul').children().size();
	var marginleft = scrollcount * -960;
	jQuery('.widearea').animate({
		marginLeft: marginleft + 'px'
	},transinterval);
	scrollcount++;
	if(scrollcount == buttontotal) scrollcount = 0;
}

jQuery(document).ready(function(){
		autoscrollID = setInterval('autoscroll()',scrollinterval);
		jQuery('#steps li a').click(function(){
			clearInterval(autoscrollID);
		});
		jQuery('.buttons').click(function(){
			clearInterval(autoscrollID);
		});
		// WooThemes auto-scroll code goes here...
});

For those of you who have been hunting for this type of solution, I hope this helps!

Note: I’d call myself an intermediate JavaScript novice. If you see any improvements that can be made in my code, please share them in the comments.

Posted in Tutorials | Tagged , , , | 1 Comment

FindMeByIP.com – Get your client’s browser details quickly and easily

Get your client's browser details via findmebyIP.com

Whenever I’m troubleshooting a problem on the web, nine times out of ten, it’s vitally important that I know what web browser the end user is using. However, getting this information can often be like pulling teeth. A lot of web users don’t know what web browser they use much less their browser version. That’s why it didn’t take long to sell me on findmebyIP.com.

After you signup for your free account, you’ll be given a URL that you can send to your clients. All they have to do is click on the link, and findmebyIP.com will generate a report that features information on their:

  • Browser
  • support for CSS3, HTML5, Forms 2.0 and CSS3 Selectors
  • and IP Address & Geolocation

Check out the service yourself and get more details at http://findmebyIP.com.

Posted in Eye on the Web | Tagged , | 3 Comments

Recent Work: Medinteract.com Redesign

The Medinteract homepage

I was recently contacted by Medinteract, LLC to do a quick redesign of their corporate website. As the project took shape, it ended up being a casebook example of me taking a pre-existing WordPress premium theme, modifying it to my client’s specifications and completing the project in a very short timeframe.

The Cushy Theme by WooThemes

For this project, we selected the Cushy Theme by WooThemes. Clicking through to the theme, you’ll see that it comes with a somewhat “airy” feel.

While it was close to what we were looking for, in order to achieve a more corporate aesthetic, I adjusted the theme’s color palette to match the Medinteract palette and I changed the background images from grunge textures to smooth gradations of color.

Finalizing the Content – A Collaborative Effort

Once we had the general look-and-feel in place, I worked with the Medinteract staff to finalize the site’s content. Using WordPress as a CMS proved to be a valuable time-saver as my client was able to easily add new pages and edit existing ones.

During this process, whenever my client came across a layout option that wasn’t built into the theme, I was able to either adjust the overall code in the theme or create a page template to give them their desired functionality. As an example, I coded a page template which lets a page author easily feature a video simply by adding a video’s URL to a custom field.

A Fast Turn-Around

This project ended up taking approximately ten business days, and we were able to finish it just prior to Medinteract receiving a lot of local and national media attention for their flagship product: ALZselftest. Rather than spinning our wheels trying to come up with a “100% custom designed site,” using a premium theme as a base allowed us to quickly build a website that captures their corporate look-and-feel.

Now, instead of still being in development, Medinteract is able to reap the benefits of a newly redesigned, search-engine optimized website.

Posted in Portfolio | Tagged , | Leave a comment

Hate reading long posts online? Use Instapaper.com with your Kindle

When I’m reading on my computer, I tend to avoid blog posts or news articles more than five-hundred words. No matter how good the content, all the scrolling and eye-strain limits my attention span. On the other hand, I love reading on my Kindle. The Kindle’s E Ink® display is like reading on paper. Now, imagine combining your favorite online content with your favorite electronic reader. This is what Instapaper.com lets you do.

Instapaper Lets You “Read Later”
Signing up for an account at Instapaper lets you add a “Read Later” bookmarklet to your browser. Now, any time you come across something you want to read later, simply click “Read Later” in your browser bookmarks, and the article is added to your queue at Instapaper. You can choose to have Instapaper send your unread articles to your Kindle daily or weekly.

Some of My Favorite Instapaper Reads
As an example of some of the content that reads great on a Kindle, here’s a rundown of some of my favorite recent reads on Instapaper (In addition to queuing articles I come across, I also recommend checking out the Instapaper homepage as I found many of these links there):

  • The Essential ManEsquire – “It has been nearly four years since Roger Ebert lost his lower jaw and his ability to speak. Now television’s most famous movie critic is rarely seen and never heard, but his words have never stopped.”
  • How a New Jobless Era Will Transform AmericaThe Atlantic Online – “The Great Recession may be over, but this era of high joblessness is probably just beginning. Before it ends, it will likely change the life course and character of a generation of young adults.”
  • The Comedy Circuit: When Your Brain Gets the JokeNew Scientist – The neuroscience behind humor.
  • The InterpreterThe New Yorker – “Dan Everett believes that Pirahã undermines Noam Chomsky’s idea of a universal grammar.”
  • One Woman’s AbortionThe Atlantic Online – “Each year for hundreds of thousands of American women there is a wide gulf between what the law forbids and what they feel they must do. The author of this article, whose credentials are trusted by the Atlantic, is a college graduate in her forty-sixth year, the mother of three children, living with her husband and family in one of the many commuter communities in the East”
Posted in Eye on the Web | Tagged | Leave a comment

Stop the World: Interesting Times : The New Yorker

The New Yorker’s George Packer ruminates on Twitter:

Who doesn’t want to be taken out of the boredom or sameness or pain of the present at any given moment? That’s what drugs are for, and that’s why people become addicted to them. Carr himself was once a crack addict (he wrote about it in “The Night of the Gun”). Twitter is crack for media addicts. It scares me, not because I’m morally superior to it, but because I don’t think I could handle it. I’m afraid I’d end up letting my son go hungry.

See the full piece for more. (HT Justin Taylor)

via Stop the World: Interesting Times : The New Yorker.

Posted in Eye on the Web | Tagged | Leave a comment

New Look for michaelwender.com

Long time fans of this site (and I know you are legion) will note that the look of things have changed around here. Late Wednesday evening, I activated a new theme here along with updating the look of my Twitter profile.

Given that I design and develop websites for a living, you may be surprised to learn that I didn’t design this theme. Rather, this theme is Social Life from Jason Schuller‘s Press75 premium theme store. Continue reading

Posted in General | 2 Comments

Google No Longer Supporting IE6 – Yea!

I just received this email from Google as I administer several Google Apps accounts. In it, Google relates their reasons for discontinuing support for IE6. As a web developer, this is music to my ears because IE6 is a notoriously irritating browser to design for, often requiring custom code in order to make it render sites that work in most typical browsers.

Dear Google Apps admin,​

In order to continue to improve our products and deliver more sophisticated features and performance, we are harnessing some of the latest improvements in web browser technology.  This includes faster JavaScript processing and new standards like HTML5.  As a result, over the course of 2010, we will be phasing out support for Microsoft Internet Explorer 6.0 as well as other older browsers that are not supported by their own manufacturers.

We plan to begin phasing out support of these older browsers on the Google Docs suite and the Google Sites editor on March 1, 2010.  After that point, certain functionality within these applications may have higher latency and may not work correctly in these older browsers. Later in 2010, we will start to phase out support for these browsers for Google Mail and Google Calendar. Continue reading

Posted in Eye on the Web | Tagged , | Leave a comment

290 lbs Plus One Glass Backboard

290 lbs plus one glass backboard equals some shattered glass and a 52 minute delay. (HT: Yahoo! Sports)

Posted in Video | Tagged , | Leave a comment

Mega Shark vs. Giant Octopus Trailer

How in the world did I miss this?! Coming out earlier this year, Mega Shark vs. Giant Octopus stars Debbie Gibson and Lorenzo Lamas. This has got to be one of the best B-movie trailers I’ve seen since Snakes on a Plane.

Posted in Video | Tagged | 2 Comments