Keynotopia Wireframing Set: Free Wireframing Templates for Apple Keynote

Lately, Apple Keynote has been gaining popularity among designers as a wireframing and prototyping tool. Features like multiple slide masters, styles, grouping, animation and hyperlinks make it ideal for crafting interactive prototypes and UI narratives. Today’s freebie, Keynotopia, is a free set of interface elements for Keynote that makes it possible for anyone to create these prototypes in minutes. All elements are hand-crafted in Apple Keynote, and organized in nested groups for easier manipulation and customization. The templates can be used in Keynote 09 and 08 and are designed by Amir Khella.


Lately, Apple Keynote has been gaining popularity among designers as a wireframing and prototyping tool. Features like multiple slide masters, styles, grouping, animation and hyperlinks make it ideal for crafting interactive prototypes and UI narratives. Today’s freebie, Keynotopia, is a free set of interface elements for Keynote that makes it possible for anyone to create these prototypes in minutes. All elements are hand-crafted in Apple Keynote, and organized in nested groups for easier manipulation and customization. The templates can be used in Keynote 09 and 08 and are designed by Amir Khella. Leer más “Keynotopia Wireframing Set: Free Wireframing Templates for Apple Keynote”

An Introduction to Split Testing in WordPress

Kirk Kaiser

Split testing is a way to experiment with a live site and find which headlines and text are the most effective. Amazon uses split testing to determine which versions of their site convert customers better. We’ll use WordPress and Google’s Website Optimizer to test two different headlines, and find which works best at capturing customer emails. [Más…]

Step 1: Decide on Your Experiment Type

First, we’ll need to decide what sort of an experiment we’d like to run. In Google’s Website Optimizer, we have two choices: Multivariate Testing or A/B Testing.

Multivariate testing is a good way to test a lot of things at once. Big online stores use multivariate testing to figure out which layouts and ad copies work best. For the purpose of this tutorial, however, we’ll use A/B testing.

A/B Testing is a way to test two different types of copy, and see which works best. We start with two different variations of the same page, send some traffic to the pages, and see which converts best statistically. For the purposes of our split test, we’ll want to have at least 100 conversions before deciding which page is the statistically significant winner.


Split testing is a way to experiment with a live site and find which headlines and text are the most effective. Amazon uses split testing to determine which versions of their site convert customers better. We’ll use WordPress and Google’s Website Optimizer to test two different headlines, and find which works best at capturing customer emails. Leer más “An Introduction to Split Testing in WordPress”

Six Useful CSS3 Tools

CSS3 continues to gain popularity as we’re seeing it used in more and more websites. However, there are still those out there that are holding out on learning it and using it. This is probably due to the fact that it’s not fully supported yet in all browsers. Nevertheless, if you’re one of those that haven’t started using CSS3 or you’re a CSS3 pro just looking to speed up your work flow, here are six CSS3 tools that you should find useful.


Six Useful CSS3 Tools

Henry Jones

CSS3 continues to gain popularity as we’re seeing it used in more and more websites. However, there are still those out there that are holding out on learning it and using it. This is probably due to the fact that it’s not fully supported yet in all browsers. Nevertheless, if you’re one of those that haven’t started using CSS3 or you’re a CSS3 pro just looking to speed up your work flow, here are six CSS3 tools that you should find useful.

CSS3 Button Maker

css3 tools

The CSS3 Button Maker gives you a number of sliders and color pickers to style your own CSS3 button. Then you can grab the code to use in your own project. Leer más “Six Useful CSS3 Tools”

Super-Easy Tactic For Increasing Reader Anticipation

Obviously, this tactic will only work if you do indeed future-post stuff. If you’re a “shoot from the hip” blogger who has no idea what you’re going to post until you post it, this won’t work. That said, you might want to pre-plan your content. Makes it easier in many ways, but a side benefit is that you can toy around with this simple idea.


May 24, 2010

Obviously, this tactic will only work if you do indeed future-post stuff. If you’re a “shoot from the hip” blogger who has no idea what you’re going to post until you post it, this won’t work. That said, you might want to pre-plan your content. Makes it easier in many ways, but a side benefit is that you can toy around with this simple idea. Leer más “Super-Easy Tactic For Increasing Reader Anticipation”

Create HTML Signatures Right Inside Gmail

Gmail does support email signatures but the problem is that it limits you to plain text – you can’t add graphics (like your company’s logo) to the signature and there’s absolutely no support for HTML so you can’t use different font styles or colors for the signature text. [Más…]

There are workarounds. For instance, you can create an email signature in Outlook or some HTML editor and then copy-paste the whole thing to your Gmail message. Or you can get one of these browser add-ons to create rich HTML signatures directly on the Gmail /Google Apps website.

There’s a third-option as well – it’s easy, it’s fun and doesn’t require extensions. Best of all, you can create multiple signatures for the same Gmail account and use them depending on who you are corresponding with.


This tip describes how you can create sleek and professional looking HTML signatures for your outgoing Gmail messages right inside Gmail itself without requiring any extensions or add-ons.

HTML Signatures in Gmail

HTML Signatures for your Google Email

Gmail does support email signatures but the problem is that it limits you to plain text – you can’t add graphics (like your company’s logo) to the signature and there’s absolutely no support for HTML so you can’t use different font styles or colors for the signature text. Leer más “Create HTML Signatures Right Inside Gmail”