Sun_large
Sun_large

Best Practices in Icon Sprite Creation

Image sprites, a bandwidth and server trip saver

Chris Maxwell

ViewThought.com

March 12, 2016

Earlier I kind of dismissed image-based icons as a thing of the past. It’s actually not. My preference of course is to use icon fonts, but if you haven't guessed already, like regular fonts, icon fonts are not multi-color, and do not provide the full design possibilities found in image-based icons:

So if you plan to use them, it's . . .

Read More

Icon Fonts for the Easy Win

Using icon fonts to give your website a more polished look

Chris Maxwell

ViewThought.com

March 12, 2016

Icons give a website a really nice touch, and they pack a lot of design punch. You've heard the expression, "a picture is worth a 1000 words." Icons certainly express a lot, and usually within a tiny 16-pixel by 16-pixel area.

Back in the day we used to use images for icons, but this slowed down the user experience – each image . . .

Read More

Generation AI

Chris Maxwell

ViewThought.com

February 22, 2016

This is the year the first member of Generation AI was born. 2016.

Both the human and the machine.

The rest of us are confused, concerned, excited, or willfully ignorant to what this will mean.

Up until now things have been moving fast in technology, but we haven't seen anything yet. Innovation for Generation AI will accelerate at a pace . . .

Read More

Visual Design for the Nondesigner

Chris Maxwell

ViewThought.com

February 21, 2016

Up until now our focus has been foundation code and information architecture. In explaining information architecture I emphasize storytelling while purposefully deemphasizing design. Here is why:

Firstly, think about what your pages do, not what they look like. Let your design flow from the services which they will provide to your users, . . .

Read More

A Nongraphical Wireframe: From Paper to the Browser

Coding a live nongraphical wireframe using the index card exercise and paper prototyping

Chris Maxwell

ViewThought.com

February 02, 2016

So with the index card exercise done, the next step in the website design process is to take the resulting information architecture and create a nongraphical wireframe. Imagine your monitor as the blank canvas of an artist. Before the artist begins paintings often times he or she draws an outline. That's what we're going to do, . . .

Read More

The Index Card Exercise

Gathering and organizing information in web design

Chris Maxwell

ViewThought.com

January 26, 2016

Before you begin coding it's important to take a few preliminary steps. What follows is a technique I use for gathering all the blocks of information that will ultimately make up a websites story, establish a layout, and define the user experience.

I'm going to make the assumption that you have conducted basic client discovery and . . .

Read More

A Mosaic of Information and the Storyline

The building blocks of information architecture

Chris Maxwell

ViewThought.com

January 25, 2016

As a front end developer, without getting super complex or requiring a lot of money, there are three basic ways to go about designing a website:

  1. Start from scratch and architect and design everything yourself
  2. Work with a graphic designer from the get-go and implement his or her design mockup into your website
  3. Start from scratch and architect . . .

Read More

Archive
  Subscribe by Email and Never Miss a Post