Category Archives: Design

Warning: Create your website at your own risk!

Diving too deep can result in a waste of energy, time, and resources.

We know better now.

My wife and I have just bought our first house. It has been updated, it looks great, and we’re slowly making it our own. When we bought it, we planned on installing our own laminate flooring. We bought a circular saw, read a few how-to articles, and felt generally pretty confident. It can’t be that hard!

Each day after work, my wife and I would come to our new house to work on the floors. We started in the small room to get a handle on the process. To make a long (and painful) story short, 8 hours in, we had only completed about 30 square feet. It was a disaster.

By doing flooring ourselves, we managed to:

  • Turn our new house into a source of frustration
  • Spend valuable energy
  • Waste three nights of our lives
  • Burn ourselves out

In the end, we hired a professional. Now the project is done, and it looks great.

Posted in Design | Tagged , , , , , , , , | 5 Comments

How to Define Your Website Audience – includes a PDF sample!

Lucia Hernandez - A fictional website audience profile

This two-page PDF file is an example of how to define your website audience. When you create a website, it’s important to have in mind for whom you’re designing.

When designing landing pages, it is especially important to focus on an audience and craft every piece of content to fit that profile.

Feel free to use the audience profile PDF as an outline for your projects.

  Defining Your Website Audience (250.6 KiB, 2,582 hits)

Posted in Design | Tagged , , , , , , , | Leave a comment

Content is king…when can I get it?

King content and his pawns

As a web designer / developer, my job is pretty straight forward: I design a website, code it, and add the content. But that’s not all. I’ve also got to be a pest, hounding clients for content.

At the beginning of each project, it’s always a good idea to get a firm grasp on exactly what content is going to be on the website. Defining a site map is vital to developing a website. A simple list helps you figure out what is needed. Below is a sample:

  • About us
    • Employees
      • Bio paragraphs
      • Head shots

Posted in Design, KWS | Tagged , , , , , , , , , , , | 2 Comments

Exploring and learning: Are you taking alternate routes?

Denver Map

When you first move to a new city, you aren’t familiar with the roads. You buy a map to help guide you, you ask Google how to get you from here to there most efficiently, and you stop and ask people directions.

After you’ve lived in the city for a while, you become familiar and confident. You start to understand the road naming conventions, the north/south corridors that are the fastest, the quickest way downtown from your location.

The more experience you have with the city, the better you understand how to arrive exactly where you want to without running into any snags. But yet, there’s always more to learn.

Like a city, every profession has its own learning curve. Are you exploring past your comfort zone?

Posted in Code, Design | Tagged , , , , | Leave a comment

Multiple Matte Colors for CSS Sprites

Here’s the problem: I want to use CSS Sprites for transparent images, and they require different matte colors.

ArrayThe promise of CSS Sprites is great: you can combine many small images into one bigger image, and use CSS to reveal only the revelant parts. But what if you have a background image, and the background changes color on :hover? When trying to save the smilies, you can only choose one matte color. I need multiple matte colors!

The issue really is a pain when you have already given your object a stroke. Using the Appearance panel, we’ll make everything happy in the world again!

I want the three smileys to be combined as one

Posted in Code, CSS, Design, Tutorial | Tagged , , , | 8 Comments
12