Moreover, as a publisher, being able to serve your ads to someone who actually gives a damn will be worth its weight in gold. Relevancy is just about as big a keyword as you hear these days. And its not surprising, considering how much information I (and other web consumers) are bombarded with daily. To get a user to click your ad in their inbox or on a banner is all about relevance.

With these tiny buttons, Facebook is taking a huge step on its path to owning the social advertising sector.

But it’s no longer the nineties, and after Facebook started recommending IE7 to IE6 users, Apple recently dropped it entirely for MobileMe service and others my ears have started perking up. I mean, Microsoft realease IE7 as a “high priority update” for Windows XP users, so that an automatic update was likely done on millions of machines.

Can I stop testing my applications and web designs in IE6? The answer is, yes I can!

The bottom line is that you should try to keep all core functionalities of your web application or website accessible to every user, but we are in the days of AJAX (dynamically loading information into a rendered page) and our view of plain websites has shifted into rich internet applications. Antiquated browsers like IE6 struggle to keep up. So, ditch em. But be graceful about it.

What to do?

• I recommend using Dean Edward’s latest IE7 javascript libraries that handle most of IE6’s CSS style issues and other bug fixes. You can drop the javascript code into your site and it will make a ton of your normal CSS fixes for IE6 non-existant.
• If you are using a great deal of AJAX and find that some of your features are buggy with IE6 and lack the resources or enthusiasm to debug and correct IE6 issues, I’d consider using the javascript from SaveTheDevelopers.org to let your IE6 users know they are using an outdated browser and an upgrade will let them get all the content and functionality.

At some point, as designers and developers, we need to take actions that greatly reduce our development time and Advil intake. This is one such measure… but do the research first. Ideally you should have an idea of just how many users you’d be affecting when you decide to degrade support for IE6. And, as always in CSS, writing basic definitions for all browsers/platforms and then writing enhanced CSS for standards-compliant browsers utilizing the new CSS3 revision will only help your cause.

Note: As of this article, the chat widget was available for both Gmail and Google Apps accounts. Also, important to note is that at this time the chat widget is tied to a single user, meaning it will only show availability for a single user. Leaving your Gmail app open during peak surfing hours would be a good idea. Hopefully, Google will work in a feature for Google Apps users that lets you use an e-mail alias (sales@yourcompany.com) that can notify a list of users on your domain of the incoming guest chat. But I digress…

Step 1: Get your Google Talk chatback badge code…

• For Gmail.com users: http://www.google.com/talk/service/badge/New
  
• For Google Apps users: http://www.google.com/talk/service/a/your-domain.com/badge/New (replace “your-domain.com” with your domain name tied to Google Apps)

Step 2: Grab the code below that you will paste at the bottom of your webpage HTML (just before the </BODY> tag. If you aren’t familiar how to do this, you can show your web designer this post as I’m sure they’ll be able to do it without much headache.

UPDATE: I’d neglected to include a style property below in my original post. It’s best to set a z-index of 9000 for the surrounding div. Z-index tells the browser on what three-dimensional plane or level it is on. Most page elements inherently are at 0 or 1 by default, but setting a high z-index ensures that no matter how complex your website layout is, the badge will be on top. If its still hidden, try increasing the z-index value.

<div style=”position: fixed; bottom: 0px; right: 0px; width: 200px; height: 60px; z-index: 9000;”> <!– Insert your GOOGLE IFRAME code from step 1 here –> </div>

Once you’ve inserted the code from Step 1 into my wrapping DIV code from Step 2, you’ll just need to insert it at the end of any page you’d like the chat badge to appear on. Paste the whole thing onto your website just before the closing BODY tag.

The final code should look something like this:

<div style=”position: fixed; bottom: 0px; right: 0px; width: 200px; height: 60px; z-index: 9000;”> <iframe src=”http://www.google.com/talk/service/badge/Show?tk=z01…6r&w=200&h=60″ frameborder=”0″ allowtransparency=”true” width=”200″ height=”60″></iframe> </div> <p>

I’ve included one on this page as an example. Look in the bottom right of your browser window! Let me know what you think of the tutorial! Good luck and happy returns!

My theme development for clients used to be a pretty exhaustive process. For each project I’d start with a fresh install of Wordpress and hack up a theme’s PHP pages till it was tailored to fit. I’d go in and add classes and id’s on-the-fly during my CSS development. Adding and updating id’s and classes for the existing theme’s structure took needless time.

That was until I met Sandbox. Sandbox is billed as the themer’s theme. But its really a theme for CSS designers. Through some inventive manipulation of the code using some PHP functions, the authors have managed to add semantic CSS classes to almost every essential element for Wordpress. You can have different styles based on page, author, date, category… you name it. Just by putting classes on the BODY tag of the generated XHTML unleashes powerful design options.

Imagine… without and manipulation to the theme code itself you can do any of the following with just CSS:

• Hide unrelevant content based on page, post, category, etc…
• Improve your site’s print stylesheet to display print-worthy content
• Use images for your dates
• Make a “day” and “night” version of your site.
• Use custom backgrounds or graphical titles based on a posts’ category
• Use different colors for links, background and titles on your site based on the page or category.

I’ll keep going… in the meantime you need to go and preview the Sandbox theme and then get your hands dirty with it. You’ll feel like a kid in a sandbox again.

Radiohead has always been an envelope pusher; trying to bend and break the system. Outspoken about ticketing agencies and record label ripoffs, it was huge when Radiohead’s deal with long-time label EMI ended. Many people figured that an off-label release was imminent.

Quietly on September 30th, Radiohead announced they were releasing their album on October 10th with a link to InRainbows.com. The album would only be available on the website. Anyone in the world could purchase a discbox which features a bonus CD with 9 extra tracks and two vinyl versions of the album, or just purchase the download to be available the day of the release.

Most fans, like myself, bought the discbox, which also included a download link. However, fans who bought the download only were prompted to enter their own purchase price. They decide how much they’d pay for the album. You could enter $0.00, $0.10, $1,000.00. Genius.

Radiohead didn’t rely on iTunes or any major record label to distribute their music to the masses, and it could be the most effective release of all time. They pushed the album to millions of consumers (albeit without album art for iTunes) instantly. I’m interested to know how many downloads there will be and how much money they earn before it is released in stores in 2008.

Most Radiohead fans were dying for that E-mail this morning. I just setup a filter in my Gmail to forward anything from Waste.uk.com with “activation code” to my cell phone and was texted immediately. At 2:35am EST this morning, I knew that millions of other Radiohead fanatics like myself were all experiencing the album for the first time, together. Thank you again, Radiohead.

Ideally, you should start an LLC or other limited liability company to front your web business. However, starting out as an independent contractor is perfectly acceptable (besides the pain in reporting your taxes.)

Essential Reading

Before you even consider starting your web design/marketing company, I suggest you read and comprehend the concepts in the following books.

• Don’t Make Me Think - by Steve Krug
• Designing with Web Standards - by Jeffery Zeldman
• Web Standards Solutions: The Markup and Style Handbook - by Dan Cederholm
• Bulletproof Web Design: Improving Flexibility and Protecting Against Worst-Case Scenarios with XHTML and CSS - by Dan Cederholm
• DOM Scripting: Web Design with Javascript and the Document Object Model - by Jeremy Keith
• Transcending CSS - by Andy Clarke
• Defensive Design for the Web: How to improve error messages, help, forms, and other crisis points - by 37signals
• Getting Real - by 37signals

There are numerous other books you could read as well. See what the pros list as their essential reading.

Find a Web Host

Unless you plan on acquiring and setting up your own redundant, load-balanced server farm, most small companies choose a web host to host their web servers. Depending on your needs, your monthly cost can be quite low.

• Dreamhost - I’ve used Dreamhost for years with a few long standing clients. Their support is great and they have great uptime. They’ve recently started supporting Ruby on Rails and offer a nice subversion repository as well as a permanent file storage and sharing solution. Like most hosts, they also offer a 1-click setup of major CMS/Blog and other open source software. No Cpanel and Fanastico for those who are used to it, however.
• Rails Playground - I do a lot of XHML/CSS for some Ruby on Rails applications and I’ve gotten familiar with the framework and I suggest anyone with an interest in programming web applications looks at Ruby on Rails. Rails Playground offers stable, reliable solutions to get your foot in the door using Rails and also offers Cpanel and Fantastico for your basic web hosting needs. I would start with a basic shared hosting plan and then when you need it, move to their VPS plans as they are affordable and lightning fast.
• Surpass Hosting - I’ve used Surpass for years and they are dirt cheap. I don’t mind telling you that I host this blog as well as several low-traffic sites through them for around $10/month. I haven’t even begun to touch bandwidth or disk usage limits and they have quick support, so if you want to start cheap, use Surpass.

Manage your projects better

Set up a Basecamp

The best way to keep your customers happy is if they are constantly in the loop. To achieve this goal, start a Basecamp site for your web business.

Basecamp is a web based project management software ideal for small teams. And since we are talking about a one man team, Basecamp makes sense.

Setting up your Basecamp for your company gives you the option to have a client login at http://yourcompanyname.clientsection.com to share messages, to-dos, milestones, writeboards and more. For me, Basecamp has helped shave off hours of miscommunication and phone tag.

Basecamp is a paid service, but the free plan offers you control over one active project. You can invite as many people to collaborate as you wish and can create up to two writeboards. I highly suggest using the Free plan until you need more projects. In which case, I use the Personal Plan for $12 a month and I can manage up to three projects. If I have more than three projects at a time, I know I’ve got to finish one of the others before I can take on another.

Budget, Budget, Budget

When working for yourself, its always a good idea to budget your time well. If you quote a client a certain number of hours you know you’ll likely go over the time budget anyway, but keeping track of tasks and hours logged will help you better gauge your time estimates for your next proposal. And, often times, clients will ask for a timesheet at least with your invoice and using an online time clock can certainly help.

• Tick is a fantastic timesheet application that you can connect to your Basecamp account to pull client and project information for your timesheets. There is also a dashboard widget available for Mac and PC which lets you run a timer and tell it what tasks you were working on and this info goes directly onto your Tickspot.com timesheets. The reporting option lets you save or print timesheets for given time cycles and can be attached to outgoing invoices to clients.
• If you need a simpler time-clock solution, I can also recommend Slimtimer. Slimtimer does not have the Basecamp integration but does have a web based timer and task management. The reporting tool is also useful. But if you have Basecamp, Tick is the way to go.

Invoice your clients

Let’s face it. Our main goal here is to make money, right? Well, we could just whip up some word documents to invoice our clients. I was doing that for years and it worked wonderfully. However, when we get into hosting below, I found that I needed an automated system to bill my hosting clients on a recurrent basis.

I use Blinksale. Sure, there are a few major invoicing applications out there that you could use, but I find the best value is at Blinksale. Blinksale lets me have my own transparent billing software. I have an address at http://mycompany.blinksale.com where I can add and settle invoices when I receive payment. The best feature are the recurring invoice templates that you can assign to certain clients. You charge your client $30/month every three months and Blinksale will send that invoice out for you on time each quarter.

Other great features include tax setup, invoice reminders and web-based invoices. You can even include links so that a client can pay directly through Paypal. Do you have some old fashioned clients that need hard copies in the mail? Great! Blinksale will let you buy stamps in bulk and they will mail your invoice for you.

Add White Label Services

How can you make your one person operation look like a boutique design shop? Offer some extra marketing services to your clients to entice them to jump on board with you. You design their website and maybe even their business cards, letterheads. Can you also offer some solutions like a content management system or E-mail campaign service without having to learn a complex programming language?

Let your clients send HTML E-mail campaigns

If you know HTML/CSS then that’s all you need to know to let your clients create, send and manage high-impact E-mail campaigns. Mailbuild is a nifty white label E-mail campaign solution perfect for a web designer. It allows you to create your own branded website (http://yourcompanyname.createsend.com) that your clients can log into and send E-mail campaigns. Sign up for a free account to get started and create an HTML template or use one provided for your clients. Mailbuild charges your client to send HTML E-mails to an E-mail list based on the number of recipients. Mailbuild also gives you the ability to markup and pocket the profit from using their service making it an ideal way to enhance your services and incur no out-of-pocket expenses.

Use a Content Management System

If your client needs the ability to update their own website and don’t want to be tied down to your company for minor site updates, your best bet is implementing a Content Management System. You can use Joomla, Drupal or any number of Open Source software that you install on your web server and customize to fit. However, sometimes these programs can take a ton of time to setup and usually do more than your client requires. If you use a hosted white label CMS like Light, you can brand your own CMS backend and design custom templates for your clients. Light is built for designers and has a very simple templating system. They are constantly releasing upgrades and if a basic no-frills CMS that you can brand as your own is what you are looking for, you should probably see the Light.

Google is Awesome

Google is here for you, so use them. Google provides many free services to help you enhance your client’s capabilities when trying to reach target markets or collaborate within a company.

Gmail

Google’s free web-based E-mail provides you with 2 gigs of space for your E-mails and links you to other popular Google products like Docs and Spreadsheets, Calendars, Personal Start pages, Video, Images, etc. Its always a good idea to open a GMail account using your company name because you don’t need to use your hosted E-mail solution and bog down your server with your extensive E-mail correspondance. Let Google handle it. But if a client also needs an E-mail address, have them use Gmail, too.

Google Analytics

There are numerous web analytics services out there to track visitors, referrers, time on site, most popular content, etc. but no one does a better job at it than Google Analytics.

All you’ll need (as with most Google Services) is a regular GMail account and you can automatically deliver enhanced web traffic reports in PDF format to your clients via E-mail.

Google’s Analytics application is loaded with reporting features and AdSense tracking for campaigns, and its simple to use; just add a line of javascript at the bottom of any page you’d like tracked and you’re done.

Google Apps For Your Domain

Google Apps for your domain offers a viable free solution for any of your small business clients. If they have a business in which they need to collaborate more effectively, you can have your very own GMail, Calendar, Start Page, Docs and Spreadsheets all living at http://yourcompanyname.com.

You’ll need to know a bit about DNS changes and be comfortable using your registrar’s administration to allow Google to accept your mail and serve start pages, docs and spreadsheets and calendars to your own subdomains (start.yourcompanyname.com, mail.yourcompanyname.com, or calendar.yourcompanyname.com for instance.)

The mail application gives you GMail with chat functionality and an easy-to-use interface so your client can add users, E-mail lists and forwarding accounts.

The ability to customize a start page for that company works as well because you can add any Google Dashboard Widgets and RSS feeds from trade news sites, and all are at a glance with your calendar and inbox.

Webmaster Central

Your client want to be listed in search engines? The place to start is with Google and Webmaster Central lets you see your site’s status in Google’s search index as well as use powerful tools like Sitemaps to ensure all of your pages are listed in Google’s index.

What You’re Worth

Take a little time before you start developing your own website or a client’s and actually figure out you’re hourly wage. Typically, you’ll be charging an hourly fee based on mockups or outlines supplied by a client and you’ll need to know what to charge.

The folks over at freelanceswitch.com have created a handy hourly rate calculator which does all the hardwork for you.  Try to be accurate when using this tool and it’s quite helpful.

Be Passionate

As you can see, as a web designer you can start your own web business for only dollars a month. However, you can’t put a price on passion. You should only move forward if you plan on pursuing your goals with passion. You must be passionate about delivering a solid product and also about staying on top of the technology as it changes everyday. Because if you are passionate about your work it will show and that will keep your client base happy.

Get Started!

If you’ve read this whole article, its safe to say you want to get out there and start your business, so determine your business name, secure your domain name and hosting and start your Basecamp. Use the tools above to enhance your service offerings and you should be able to work independantly and build yourself a profitable and enjoyable business.

Indeed, there is. It’s really quite simple and I’ll give you instructions on how to do it.

First things first…

1. Connect to a wireless network - Connect to a wireless network and make sure you can access the internet. If you have trouble with this step, you’ve got bigger fish to fry and should at least check out troubleshooting your wireless network.
2. Hookup your laptop to your Xbox 360 - With your laptop powered up and connected to a wireless network, connect your laptop to your Xbox 360 by an ethernet cable (standard internet wire seen coming out of your router.) One end should plugin to your xbox and the other into your ethernet port on the laptop where you’d normally hook up your ethernet wire.

For Windows XP users:

1. Make sure you are logged in as a computer Administrator.
2. Go to the Control Panel (click Start, click Control Panel).
3. Double-click on Network Connections
4. Right-click your Wireless Network Connection adaptor and click Properties
5. Click on the Advanced tab, then check Allow other network users to connect through this computer’s Internet connection.
6. Click OK
7. And finally…Turn on your XBox and connect to XBox Live.

For Mac OS X users:

1. Click on the System Preferences icon in the Dock.
2. Select the Sharing preference pane.
3. Click on the Internet tab.
4. Start Internet Sharing. (Note: Make sure that you are sharing from your wireless connection to computers using built-in ethernet).
5. And finally…Turn on your XBox and connect to XBox Live.