Thursday, June 18, 2009

What Makes a Website Design a Good One?



A lot of people can recognize good design when they see it on the web. But most people don't really know what makes that design good.

How do you define "good design?" Is it subjective, like your favorite flavor of ice cream? Although there is some subjectivity within good design, there are artistic principles that good design is built from. Here are a few that form the foundation of good design.

1. Proximity

Because items that are in close proximity to one another become one visual unit, items that are related to one another should be grouped together. Laying out related items on a website page this way helps the eye associate the information and enables the viewer to mentally categorize the information easily. The flip side of this principle is that items that are not related should not be placed in close proximity to one another.

The purpose of the principle of proximity is to organize information in a way that enables viewers to quickly and easily comprehend. When information is organized, people are more likely to read it and respond. People are also more likely to remember information that is organized.

How can you determine if items form a visual unit? Squint your eyes and look at the page on a website. Now count the number of times your eye stops as it views the page. On a page that is using the principle of proximity well, your eye will stop three to five times. In other words, there will be three to five groups of information for the eye to comprehend separately.



2. Alignment

You've seen website page layouts where the text and graphics are placed wherever there happens to be space. The effect is messy, with no impact. Nothing should be placed on a page arbitrarily. There should be a visual connection between each item and something other item on the page. When items are aligned, it creates a cohesiveness that the eye appreciates.

The purpose of alignment is to unify the website page. Imagine a well-organized kitchen. All the pots and pans are stored in the organizer, the fruit is nicely displayed in a basket on the counter, the spices are all on the rack-everything is in its place. A page layout needs the same thing.

Look at a website page that you feel is good design. Now focus on the main visual element. Where does your eye go from there? Do you see how other elements are aligned with that one main element both vertically and horizontally?

3. Repetition

Good design repeats some aspect of the website design throughout the site. It's this repetition that makes all the pages in a site look like they belong together. Color scheme, graphic elements, typefaces-all of these elements should be repeated-used consistently-throughout.

The purpose of repetition is to create consistency and to add visual interest. Repetition creates a professional, polished look that the eye is drawn to. When a website design uses repetition and is consistent, it is more likely to be viewed and read.

Here are some was you can create repetition beyond simple consistency in typefaces and colors: Use some element in your logo as a major graphic element in the design. If you are using a ruled line, make the line more interesting visually by perhaps making it with tiny dots or dashes, then repeating the line element throughout the design. Create patterns that are repeated throughout the design. Take a small element and place it somewhere on each page for a whimsical look. Just be careful not to overdo the repetition, or viewers will be annoyed rather than pleased.



4. Contrast

The principle of contrast states that if two items are not the same, then they should be different-very different. Contrast creates an organizational hierarchy of the information and graphics on a webpage. When using contrast, you can't be a wimp! The contrast must be strong to be effective.

The purpose of contrast is two-fold: to create interest on the page, and to organize information. A page that is interesting to look at is more likely to be read. And contrasting elements will help a reader understand the way the information is organized.

Contrast can be created in many ways. You can contrast large type with small type, a serif font with a sans-serif font, bold with light, smooth texture with rough texture, a small graphic with a large one, a dark color with a light one.

A design that integrates these principles will automatically gain a professionalism and polish that it would otherwise lack. Next time you stumble across a website design that makes you say "wow", cheek for these principles-you'll find them quietly working to make that design a good one!





Sunday, June 7, 2009

How To Taste Wines

Learning how to taste wines is a straightforward adventure that will deepen your appreciation for both wines and winemakers. Look, smell, taste - starting with your basic senses and expanding from there you will learn how to taste wines like the pros in no time! Keep in mind that you can smell thousands of unique scents, but your taste perception is limited to salty, sweet, sour and bitter. It is the combination of smell and taste that allows you to discern flavor.
Difficulty: Easy
Time Required: 15 minutes


Here's How:

  1. Look: Check out the Color and Clarity.

    Pour a glass of wine into a suitable wine glass. Then take a good look at the wine. Tilt the glass away from you and check out the color of the wine from the rim edges to the middle of the glass (it's helpful to have a white background - either paper, napkin or a white tablecloth).

    What color is it? Look beyond red, white or blush. If it's a red wine is the color maroon, purple, ruby, garnet, red, brick or even brownish? If it's a white wine is it clear, pale yellow, straw-like, light green, golden, amber or brown in appearance?

  2. Still Looking. Move on to the wine's opacity. Is the wine watery or dark, translucent or opaque, dull or brilliant, cloudy or clear? Can you see sediment? Tilt your glass a bit, give it a little swirl - look again, is there sediment, bits of cork or any other floaters? An older red wine will be more translucent than younger red wines.
  3. Smell:

    Our sense of smell is critical in properly analyzing a glass of wine. To get a good impression of your wine's aroma, gently swirl your glass (this helps vaporize some of the wine's alcohol and release more of its natural aromas) and then take a quick whiff to gain a first impression.

  4. Still Smelling. Now stick your nose down into the glass and take a deep inhale through your nose. What are your second impressions? Do you smell oak, berry, flowers, vanilla or citrus? A wine's aroma is an excellent indicator of its quality and unique characteristics. Gently swirl the wine and let the aromas mix and mingle, and sniff again.
  5. Taste:

    Finally, take a taste. Start with a small sip and let it roll around your tongue. There are three stages of taste: the Attack phase, the Evolution phase and the Finish.

  6. The Attack Phase, is the initial impression that the wine makes on your palate. The Attack is comprised of four pieces of the wine puzzle: alcohol content, tannin levels, acidity and residual sugar. These four puzzle pieces display initial sensations on the palate. Ideally these components will be well-balanced one piece will not be more prominent than the others. These four pieces do not display a specific flavor per se, they meld together to offer impressions in intensity and complexity, soft or firm, light or heavy, crisp or creamy, sweet or dry, but not necessarily true flavors like fruit or spice.
  7. The Evolution Phase is next, also called the mid-palate or middle range phase, this is the wine’s actual taste on the palate. In this phase you are looking to discern the flavor profile of the wine. If it’s a red wine you may start noting fruit – berry, plum, prune or fig; perhaps some spice – pepper, clove, cinnamon, or maybe a woody flavor like oak, cedar, or a detectable smokiness. If you are in the Evolution Phase of a white wine you may taste apple, pear, tropical or citrus fruits, or the taste may be more floral in nature or consist of honey, butter, herbs or a bit of earthiness.
  8. The Finish is appropriately labeled as the final phase. The wine's finish is how long the flavor impression lasts after it is swallowed. This is where the wine culminates, where the aftertaste comes into play. Did it last several seconds? Was it light-bodied (like water) or full-bodied (like the consistency of milk)? Can you taste the remnant of the wine on the back of your mouth and throat? Do you want another sip or was the wine too bitter at the end? What was your last flavor impression – fruit, butter, oak? Does the taste persist or is it short-lived?
  9. After you have taken the time to taste your wine, you might record some of your impressions. Did you like the wine overall? Was it sweet, sour or bitter? How was the wine's acidity? Was it well balanced? Does it taste better with cheese, bread or a heavy meal? Will you buy it again? If so, jot the wine's name, producer and vintage year down for future reference.

Brewing Coffee in a Drip Coffee Maker

Rye Sourdough Buns

Rye Sourdough Buns

Photo © Elizabeth Yetter


Whether you’re planning for a summer cookout or a large family dinner, rye sourdough buns give any occasion a special, country feel. This old fashioned recipe for sourdough buns is made with 4 cups of rye flour and the buns are topped with caraway seeds. The result is a healthy, tasty bread that everyone will admire. This recipe for rye sourdough buns makes about 24 buns, depending on size.

Cook Time: 30 minutes

Ingredients:

  • 4 cups rye flour
  • 3-3/4 cups warm water
  • 1 cup sourdough starter
  • .
  • 2 tsp salt
  • 1 tbsp brown sugar
  • 1/2 cup vegetable oil
  • 5 cups bread flour, about
  • .
  • 1 egg white, lightly beaten
  • caraway seeds

Preparation:

On the night before, mix together the rye flour, warm water, and a cup of your favorite sourdough starter in a large bowl. Cover bowl with a clean kitchen towel and let set overnight.


  1. The next day, stir down sponge. Mix in salt, brown sugar, and vegetable oil.

  2. Mix in enough bread flour to make a stiff dough. The dough will be sticky.

  3. Knead the dough for 5 minutes. To do this, I grease my hands lightly with vegetable oil to prevent the dough from sticking to my hands and I knead the dough inside of the large bowl.

  4. Let dough sit for 10 minutes.

  5. Grease two baking sheets. Break dough into buns, remembering that the buns will double in size.

  6. Cover and let buns rise for 1 hour.

  7. Brush egg white on the tops of buns and sprinkle with caraway seeds.

  8. Bake at 375 degrees F for 30 minutes or until buns sound hollow when tapped on.

5 Steps to Better Cocktails

1. Upgrade Your Liquor Cabinet

Zyr Russian VodkaPhoto Courtesy of: © Zyr Russian Vodka
There is a significant difference between the distilled spirits on the top shelf and the bottom shelf of the liquor store. Your drinks will reflect the quality of their ingredients and, because liquor is typically the strongest ingredient in a drink, it is important to spend a little extra money on quality. A Martini made with a 5 dollar bottle of gin is going to be disappointing compared to one made with a 40 dollar bottle of gin. That doesn't mean that you have to spend a fortune every time you go to the liquor store. There are very good mid-range brands available that are perfect for "everyday" mixing that cost around $20-30 a bottle. This simple upgrade will start your cocktails off on the right foot.


2. Use Fresh Ingredients

Ginger Mary Cocktail - Sagatiba Pura Cachaca RumPhoto Courtesy of: © Sagatiba Pura Cachaca Rum
Whenever possible choose fresh instead of canned or bottled ingredients for your cocktails. This primarily refers to fruit juices but can also be applied to other mixers such as using a soda siphon as opposed to buying bottled soda water or club soda and making your own simple syrup, sour mix or grenadine. With fruits the answer can be as simple as squeezing lemons, limes and oranges with a hand juicer or getting an electric juicer to make fresh apple, cranberry, pear or any other type of fresh fruit juice. Many of the bottled mixers will include unwanted additives that take away from the freshness of the cocktail.

3. Match the Drink and Glass Temperature

Pomegranate Margarita - Cabo Wabo TequilaPhoto Courtesy of: © Cabo Wabo Tequila
This seems like a simple, possibly unnecessary, step to mixing drinks but it makes a world of difference. When you are serving cold drinks, chilling the glass before pouring will keep the drink colder longer and the experience of drinking is better from beginning to end. This can be as simple as placing a glass in the freezer for a minute or pouring cold water or ice in the glass while you shake and dumping it out before the pour. The same theory applies to warm drinks. If you are making a Hot Toddy, warm up the glass before hand by pouring some hot water inside while you're preparing the ingredients. Nothing ruins a drink worse than getting to the bottom and a cold drink is warm or a warm drink is cold and this simple step can stop that.

4. Use Garnishes When Appropriate

Photo Credit: © Colleen Graham
Not every cocktail needs to be garnished but those that do call for a lemon, lime, orange or whatever depend on that addition for flavor and balance. Garnishes also complete the drink's presentation. For instance, a Gin and Tonic without the lime is missing that essential, subtle citrus and a Martini without the olives lacks the soft brine flavor that infuses the drink. Garnishes are important and even if their absence doesn't ruin the finished drink, it certainly is not enhancing it like it was designed to do.

5. Measure Everything

Bar Jigger - Measuring in a Bar - Bar ToolsPhoto Credit: © Shannon Graham
The importance of measuring cocktail ingredients cannot be stressed enough if your desire is to create great tasting drinks consistently. Many people skip this step because it's time consuming or because they like the show of a free pour. Granted, many bartenders who work in busy establishments rarely touch a jigger, but they also pour a lot of drinks and know the timing needed to pour a shot. Measuring ensures that you are creating the cocktail in the way it was meant to be and an over or under pour of a single ingredient can throw off the delicate balance of a drink. Also, if you are drinking and mixing, your perception of measuring can be thrown off.

Chris Milligan has a great perspective on this theory and a fun story.


Joomla - Sorting and Ordering


Joomla provides a various sorting options for articles, sections, categories, menu items and other content. These tend to confuse users due to so many different possibilites.

The best thing is to define all items to be shown by Ordering. Then manually adjust the Ordering. However, instead of using the Ordering dropdown where you would have to go into each menu and select the ordering from the dropdown (and sometimes the dropdown may misbehave and not do exactly as specified):

Ordering Dropdown

you should be using the content items listing to change the ordering. You can either use the up / down arrows to move the item up or down. Or even nicer you can enter the order into the boxes, and once you have determined the correct order click on the diskette to save the order.

Content Item Ordering

Removing Joomla footer


How to change / remove the Joomla footer (remove joomla! is free software released under the gnu/gpl license)

Removing / changing the powered by Joomla! footer message

Although we all know what a great content management system Joomla is, sometimes situations call for the link not to be visible in your website footer.


oomla 1.5

With Joomla 1.5 if you want to remove the footer, simple go to Extensions > Module Manager and unpublish the footer module. If you want to change the text, go to the language directory, go to the folder of the language you want to change, find the mod_footer.ini and change the text in there to whatever you want your text in the footer to be!

Joomla 1.0

To remove this from the default (1.0.x) template, you need to browse via ftp or otherwise to the file includes/version.php. Open it with your favourite editor, find the $URL line and change it to your liking. If you want nothing at all leave the line as $URL = '' (2 apostrophes). Do not remove the whole line because you might break your template.

This applies to the default template (rhuk_solarflare_ii). Other templates are likely to not use the URL and use their own links. You would have to use some kind of software on your local installation which looks within text files, and search for the text you want to change. Once you find it, you can change it to suit your needs.


2. Editing includes/footer.php so it does not retrieve the copyright info from the language files. Instead enter your own details here.
Pros: Again fairly quick and easy - possibly more efficient as the info will be available throughout multiple template sets.
Cons: The includes/footer.php file is part of the core distribution - it gets overwritten when you upgrade your favourite CMS.
specifics:

COPYRIGHT; ?>

URL; ?>

Find and remove these lines, or similar from the /includes/footer.php file, and replace with your own html or php.

3. Editing the language files directly - so that footer.php retrieves your info.
Pros: does the job
Cons: less transparent to anyone who takes over from you as editor. Also prone to being overwritten when you upgrade your favourite CMS.
Specifics: edit the file /languages/english.php


Some people have suggested moving the includes/footer.php file, for example into your template's folder, and editing the template to include this file.
Pros: still fairly quick and easy, and will survive an upgrade of the core CMS.
Cons: only compatible with templates that have been edited to work this way. Other templates may cause an error when the file is not found in its default location.