Create a digital photo collage

Need to share several photos on your social network at once? Create a fun digital collage! There are many services and apps out there to do this. Both Fotor  and PicMonkey are free and easy-to-use.

  • Go to Fotor.com and click on Make a Collage.
  • Click “Add Photos” on the right and upload your photos.
  • On the left, choose how many photos you’d like to use and which layout.
  • Play with the border spacing, background color, and more styling options.
  • Click Save (top of page), apply your adjustments, choose the JPG file format and Save to your computer.
  • Upload to your favorite social networking site!

Create your own return address labels

Sending mail is always more fun with custom labels, and it’s not that difficult to create your own! Here’s how I do it:

  • Purchase Avery Return Address Labels at your local office supply store. I use #8167.
  • Download the Microsoft Word template for your product.
  • Open the template in Word, design your label, and print!

What is Responsive Web Design?

Today, people look at the internet on all kinds of devices, from phones and tablets to desktop monitors and huge HD TVs. Each of these devices has a screen of a unique size and shape. It used to be that we only cared about the desktop experience, but a website built at that size is not always easy to use on a smaller screen.

Responsive Web Design is a way of building websites so that they respond differently to screens of different sizes. A responsive website automatically adjusts its layout to fit your screen instead of forcing you to scroll around or zoom in and out.

Look at the way my website rearranges itself depending on the screen that’s being used:

Responsive Web Design

Notice that the same elements are always present, they’re just arranged differently depending on the width of the screen. The best way to see this in action is to view my website on your computer, resize your browser window, and watch the site adjust.

More and more of us are using phones as our primary internet device. Who knows what we’ll be using tomorrow? Responsive Web Design is the way of the future. If your website isn’t responsive yet, contact me today.

What’s that font?

Need to know the name of a font on a website or in a particular image/photo? Here are two tools that I find handy for determining which font someone is using.

  • WhatTheFont – Upload an image and this service will try to match your font to one in their database, or find other similar fonts.
  • WhatFont Browser plugin – Install this plugin on Safari or Chrome and just click to find out what font a website is using.

Image optimization

If you’re putting photos on the web, you should make sure they are optimized to load quickly. Here are a couple of free tools to make your image file sizes smaller.

Yahoo Smush.it (Mac/PC)
ImageOptim (Mac)

It’s also good to make sure your photos aren’t bigger than they need to be on the screen. If you need a free photo editing tool (for cropping/resizing), check out this previous tech tip.

Free fonts

There are a handful of fonts that are overused because they come pre-installed on most people’s machines (i.e. Papyrus, Zapfino, Comic Sans). Before you reach for that quirky pre-installed font, consider looking for something new! There are several sites out there with great free and pay-what-you-want fonts.

Here are a few:
LostType
Font Squirrel
Urban Fonts

If you are willing to spend a bit of money ($25+), you can find classic commercial fonts (i.e. Helvetica, Avenir, Univers, Futura) on Fonts.com.

Need help installing new Fonts? DaFont has instructions for both Mac/PC.