It turns out, it is really simple to do. The trick is using the IMAP feature of Gmail. Here is how to import your emails from your current email client to Gmail. These steps assume you are using Outlook, but they should be pretty much the same for any other email client including Thunderbird, Entourage, Mac Mail etc. So let’s just get to the steps.

1. Turn on IMAP in your Gmail account: In your Gmail account go to Settinngs > Forwarding and POP/IMAP > IMAP Access > Enable IMAP > Save Changes
2. Using the settings for Gmail IMAP for your Email Client, connect to your Gmail account using a new IMAP account. Once you’ve this done, you will see your Gmail account with labels listed as folders in your email client.
3. Now just highlight the emails you want to migrate to Gmail in your Personal folders and drag and drop them from your local account to the Gmail IMAP folders.

That’s it! The emails get moved to Gmail with all the header in tact. It might take some time for the action to take place, if you have tons of email to migrate.

Notes:
You can drag them to any folder (label you want) and you can also create new folders as you wish, which will become labels in Gmail. If you don’t want your old email to clutter your inbox, you can just drag them to the Gmail/All Mail folder which basically archives them and removes the Inbox label.

Another cool feature in Gmail is support for POP3 downloads from other accounts and additional SMTP accounts for sending emails. These can be configured under Settings > Accounts and can be good if you want to combine and consolidate other existing emails into your Gmail account. If you want to go all the way there is even a labs feature called Multiple Inboxes that can add a new column with configurable filters to the right side of your Gmail Inbox.

The night started out with Finnish guys Rotten Sound which put on a solid performance. Next Aborted picked up and man those fellas really sounded good live, one heck of a pit frenzy. Chatted with some old school and new school fans in and around the show during the breaks. Saw Shane from Napalm hanging out at a T-shirt booth with a sign behind him saying “Don’t Ask Stupid Questions” which was pretty hilarious.

After Aborted 1349 went on which I had never seen live before. They use face makeup and are pretty fast for a black metal band. Suffocation presented a nice change in the pace of the pit and I have to say that was the only band that I actually understood what the singer was saying when talking to the audience between songs. They really grinded up the crowd when the played Infecting the Crypts.

Then finally the moment of truth, after a 30 minute setup period. CAR CASS CAR CASS chants started. There was a very creative intro with a formal sounding lady’s voice with a British accent reading a very morbid script. Really cool stuff, I wish I had that script or hear it again. Then for the first time in more than 15 years Carcass came out and they played one heck of show. Last time I had seen them was with Death (RIP) and Pestilence back on 10/05/1990 at the legendary Country Club (used in the Boogie Nights movie) in Reseda, which is no more. I can’t say enough about how truly good Carcass was last night. Truly a legendary band with a classy performance. Bill Steer, Michael Amott, Jeffery Walker, and Daniel Erlandsson (deep resume) subbing in for Ken Owen who is out due to a brain hemorrhage. My prayers and best wishes go out to Ken. They played lots of their classics like “Incarnated Solvent Abuse” and “Exhume To Consume” and amazingly done. I would say the sounded even better than they did last time I saw them live.

So the lucky part was at the end when Daniel came out and threw out his drum sticks and one landed almost perfectly vertically and between my two feet. This was with about 50 other people trying to get it with their hands up in the air. I was so happy!! I will cherish it for ever.

Long live the English Death Grind core Kings Carcass. I’m predicting this tour will somehow influence them to create a new album once they get back home. They are playing tonight at the Grand Ballroom in San Francisco. Don’t miss it! It might be the last.

More old school death metal is on the way, Obituary are set to play HOB next Wednesday 9/24/08. I will try to make it there.

As if it is not bad enough that they have a pretty annoying and unusable multi-step, multi-page ticket sales process, recently they are starting to give out some borderline non-sense captcha validation images. How many people would just say “forget it” and leave? Well not many, since TM is an undocumented Monopoly for ticket sales in my opinion. Pretty bad user experience overall. I would love if they at least put the reCaptcha page on the same page as the ticket search form to cut down page loads. Better yet, make the whole process an ajax based system so you never have to leave the order page. It sucks to go through a blinding reCaptcha page and then get the dreaded “You’re Screwed” all sold out page. Just tell me right upfront: “Hey Don’t bother, no seats are available mr!” and don’t waste my time. I mean I have to pay an inflated ticket price + order processing fees + convenience fees + delivery fees. Can we at least get a convenient to use website?

I went ahead and did a 2 minute reshuffling of the order form for TicketMaster and this is what I came up with. Just put all forms on one page and got rid of the clutter. Progress bar and search results would appear on the same page.

I noticed also that there are now TicketMaster hosted auctions and scalping services on site. Wonder how far they have to push the envelope before regulators are forced to step in.

Take a look at some of the older user interfaces to get a sense for how del.icio.us has evolved until now. Aside from the new look there are new features as well. The delicious dev team has supposedly completely rewritten the code base, to allow for a more scalable and spry tool.

New features:

Navigation: New simple CSS tabs with onclick drop down menus make is simple to find your tasty bookmarks. The navigation structures seems to borrow from Flickr. Search also comes with a simple drop down option list to find stuff in your bookmarks, network or everyone.

Bookmarks: You have Title view, regular view and Full View options here. View your popular bookmarks to filter the good stuff and filter down more by choosing fresh only.

Sidebar: is updated to show a relative set of tags related to your left content pane.

Action Box: This light blue box in the sidebar shows the common tasks for the given page.

Search URL: This is a reverse search for bookmarks and pulls in the ones with the given URL along with tags used for that URL by each user, broken down in chronological order. You can also view the notes added by each user to the given URL.

Settings: The settings page is laid out with all the actions listed on one page, similar to a sitemap.

Forums: There is a support forum that looks more like a categorized list of links than a forum. I like the non-cluttered design. Reminds me of Drupal.

As in the past their API is still available for developer consumption.

margin-top | margin-bottom: max( marginbox 1 ... marginbox n)

When it comes to the real world there are 3 major categories of margin collapsing. So let’s figure out how these 3 types of collapsing work and how to tame them.

1) Adjoining boxes of sibling elements:

The bottom margin of an in-flow block-level element is always adjoining to the top margin of its next in-flow block-level sibling, unless that sibling has clearance.

 <div>
  <div>content</div>
  <div>content</div>
 </div>

While margin collapsing is great for written text such as paragraphs and headings etc., it can get somewhat tricky if you’re trying to get pixel perfect spacing between your boxes, so there might come a time when you want to disable margin collapsing. Take a look at these examples that suggest ways of uncollapsing your margins.

So it seems the only way to break out of collapsing that works in both IE and FF is our second example by using floats and clear combined. You might have noticed the above 4 boxes themselves also have 20px margins which have collapsed to form 20px margins within our 3 adjoining sections in the middle.

2) Adjoining boxes of ancestor elements:

The top or bottom margins of contained elements will always collapse together to form one margin. If the element’s margins are collapsed with its parent’s top margin, the top border edge of the box is defined to be the same as the parent’s. Below is the sample HTML and diagram and explanation of how to avoid this.

 <div>
  <div>content</div>
 </div>

Remember that collapsing only happens if the margins actually touch one another. In this case the inner box’s margin ends where the outer box’s margin starts, therefore they are touching. One easy way to avoid this type of margin collapsing is to add either vertical borders or vertical padding to the parent box. Take a look at these examples:

3) Self collapsing boxes:

Empty block level elements result in a special case of margin collapsing. Their top and bottom margins actually touch each other and they basically self destruct based on the rules of margin collapsing. According to the W3C: An element’s own margins are adjoining if the ‘min-height’ property is zero, and it has neither top or bottom borders nor top or bottom padding, and it has a ‘height’ of either 0 or ‘auto’, and it does not contain a line box, and all of its in-flow children’s margins (if any) are adjoining.

 <div>
  <div>content</div>
  <div></div>
  <div>content</div>
 </div>

Another obvious way to break out of collapsing is changing the display to absolute. Finally, note that the margins of the root element box in any document never collapse. There are a few rules for negative margins when it comes to collapsing. I will try to write another post on this later.

I’ve created a demo page here with the above examples.

References and Acknowledgments

W3C Box Model Collapsing Margins,
Andy Budd No margin for error,
Research Kitchen CSS Autoheight and Margin Collapsing,
Complex Spiral Uncollapsing-margins,
La Chatte Noire tests: block formatting context, display:inline-block and margin collapsing

Shop Smart with Microstock ($)

• BigStockPhoto
• iStockphoto
• Fotolia
• Dreamstime
• SXC
• 123RF
• Snapvillage
• KeenImages
• PhotoStockPlus
• Shutterpoint

The Big Shots ($$$$$)

• Corbis
• Gettyimages
• A21, Inc. SuperStock
• Index Stock Imagery PhotoLibrary.com, PhotosToGo, IndexOpen
• Jupitermedia
  Jupitermedia owns and operates a large variety of media websites including:
  AbleStock.com, AgenceImages, AnimationFactory.com, BananaStock, BBM.net, Beauty Archive, BigShot Media, Botanica, Brand X Pictures, Clipart.com, Comstock Images, Comstock Complete Subscription, CreatasFootage.com, FoodPix, Goodshoot.com, IFA Bilderteam, IT Stock International, Jupitergreetings, Jupiterimages Unlimited, Liquid Library, MediaBuilder, Nonstock, PictureQuest, PhotoObjects.net, Photos.com, Pixland, PRDirect, Polka Dot Images, (re)view collection, RoyaltyFreeMusic.com, eStockMusic.com, Stockxpert.com, Stock Image, StudioCutz, ThinkStockFootage, ThinkStockImages, Workbook Stock

Semi-Pro ($$$)

• Veer
• Punchstock
• IFimages
• Crestock
• ImageState
• PhotoShelter
• ShutterStock

You get what you don’t pay for (Free)

• Freerangestock
• Imageafter
• Stockvault

Photo Search Engines

• FotoSearch
• EveryStockPhoto
• StockIndexOnline
• PhotographersDirect
• MyLoupe
• StockPhotofinder
• TssPhoto
• Alamy

Pay Per View and Ad Supported

• GumGum

Need a little more inspiration? Try the moodstream website from Getty Images or get insider details from the StockPhotoTalk blog. Enjoy!

The Google AdSense website is temporarily unavailable. Please try back later.
We apologize for any inconvenience.

here is a screenshot:

Your site design is the first thing people see
it should be reflective of you and the industry
easy to look at with a nice navigation
when you can’t find what you want it causes frustration

a clear Call to action to increase the temptation
use appealing graphics they create motivation
if you have animation
use with moderation
cause search engines can’t index the information

display the logos of all your associations
highlight your contact info that’s an obligation
create a clean design you can use some decoration
but to try to prevent any client hesitation

every page that they click should provide and explanation
should be easy to understand like having a conversation
when you design the style go ahead and use your imagination

but make sure you use correct color combinations
do some investigation, look at other organizations
but don’t duplicate or you might face a litigation
design done, congratulations but it’s time to start construction

follow these instructions when you move into production
your photoshop functions then slice that design
do your layout with divs make sure that it’s aligned
please don’t use tables even though they work fine
when it come to indexing they give searches a hard time

make it easy for the spiders to crawl what you provide
remove font type, font color and font size
no background colors, keep your coding real neat

tag your look and feel on a separate style sheet
better results with xml and css
now you making progress, a lil closer to success
describe your doctype so the browser can relate
make sure you do it great or it won’t validate

check in all browsers, I do it directly
gotta make sure that it renders correctly
some use IE, some others use Flock
some use AOL, I use Firefox

title everything including links and images
don’t use italics, use emphasis
don’t use bold, please use strong
if you use bold that’s old and wrong

when you use CSS, you page will load quicker
client satisfied like they eating on a snicker
they stuck on your page like you made it with a sticker
and then they convert now that’s the real kicker
make you a lil richer, your site a lil slicker

design and code right man I hope you get the picture
what I’m telling you is true man it should be a scripture
if it’s built right you’ll be the pick of the litter
everyone will want to follow you like twitter
competition will get bitter and you’ll shine like glitter

if you trying to grow your company will get bigger
design and code right man can you get with it

Gmail uses Open AIM to provide this feature. AIM, colored labels, group chat and rich emoticons only work in the latest version of Gmail, currently available for Internet Explorer 7 and Firefox 2.  It seems to work fine with Safari as well for me.

As always you can control the size of the chat box to Tiny (5 contacts) Small, Medium or Large. Another cool feature useful for AIM is the option to show your Most Popular contacts as opposed to All Contacts in the chat widget which comes in handy. I’m not sure what logic is used to mark a contact as popular.

Once you sign into your AIM account you stay logged in even across web browsers.

Here are top 7 reasons why you really should check out Get Clicky.

1. Spy

Spy is a live view of visitors interacting with your web site. Its like having your own digg like spy page. This gives you the power of knowing in real time when and where your visitors are coming from, what pages they are visiting and where they are going when they leave. You see the user IP address as well as their browser and operating system. You can even trace specific users and see a breakdown of the history of their visits and actions made on the site. For each visitor you also see a nice set of stats such as their browser, operating system, language, resolution and whether JavaScript is enabled. As a side note Clicky works regardless of JavaScript support using image source loading.

2. Tagging and Filtering

You can go a bit further with IP address tracking in Clicky. You can tag certain IP addresses so you can easily identify them. You can also filter out specific IP addresses from the stats. For example If you want to exclude your own hits to your blog from being counted in your stats, enter the IP address(es) you use regularly and have them filtered out.

3. RSS

Stats via RSS is another amazing feature that gives you the power of keeping a tab on your site. Clicky gives you customizable RSS feeds that are updated every 30 minutes. Using these RSS feeds you are able to for example take a quick look at the action on your blog from any RSS reader. Now you can easily monitor the recent incoming links, popular incoming links, popular urls, recent searches, popular searches, recent visitors and dashboard data. A cool trick you can try is to change the duration for a feed. For example to see the hits in the past hour, append hours=1 to the feed url. Or to see popular incoming links in the past week append days=7 to the feed url. Another neat feature of the RSS feed is that it obviously doesn’t require authentication, so you can share the url with others as you wish and or transform the RSS data and publicly display your stats on your blog.

4. Clouds, CSV, XML, JSON, API

Stats data is presented to you in tabular format by default, however you can easily change the view of any table to a cloud view by clicking on a little cloud icon. I find the cloud visual more useful, especially when looking at long tables of data. For example, the Search keywords page in cloud view easily highlights the most popular search terms and search engines that are sending you traffic. For offline viewing you can also download your stats in popular formats such as CSV for Excel, and also XML or JSON which can be useful for feeding them to your own applications. If you are comfortable with programming, you can even use the API provided to access the data from Clicky using your sitekey and site_id.

5. Powerful Dashboard

You can edit your main dashboard page to see the blocks that you are most interested in. By default you get the basics, Links, Searches, and Content. I also like Recent Visitors and Locale. On the Basics widget a summary stats table gives you the birds eye view of what is going on. You see the number of visitors, the number of actions performed, total time spent on your blog, as well as averaged numbers such as Average actions per visit and Average time per visit. If that wasn’t enough you also see a comparison percentage column which shows you how today’s stats compare against the previous day’s data, or the same day last week.

6. Google Maps

For those of you that like to see geographical data, Google Maps is very nicely intergrated into Clicky in a few places. You can see the geolocation of any specific user as well as the locations of all visitors to your site on the map.

7. WordPress Plugin

If you use WordPress, and you should be, this plugin automatically puts your tracking code at the bottom of all pages on your site and filters out all traffic from site admins like yourself. It also does the whole ‘custom data tracking’ thing to automatically name your visitors inside the Clicky interface based on what they entered on your comment form.

There are a ton of other features that I don’t have time to go into here, such as tracking custom data, tracking downloads, FeedBurner integration, HTTPS support and more. You can try out a demo of a sample tracking site to get a feel for the clean and easy to use user interface.

When you first register, you get 21 days of premium service free, so you can try out all the features. You can track up to 3 web sites and 1,000 daily page views per day per site for Free. Beyond that level there are reasonably priced premium services which get you more sites, more features, and higher traffic levels – starting at less than $2/month.