Tag Archives: html

J Smiley Outlook Email: Problem and Fix!

What’s up with that J, yo?

I’m going to assume you’re using Microsoft Outlook 2010 at this point – or you know someone who uses it. But even if you’re not in either camp, you should pay attention.

The following fix applies to every single Microsoft Office program that uses its universal AutoCorrect feature. I’ve tried to address this problem with the Office team directly, but have been routinely ignored. I’m not slagging Outlook, either; I used and loved Outlook 98 / 2000 for the greater part of a decade (because 2003 and 2007 were inferior for non-Exchange users in many ways, but that’s not what I’m writing about today).

Essentially, you’re going to fix a bug that Microsoft has kept open for several years. Well, it’s not a true bug – so long as you NEVER email someone who isn’t running Windows, and so long as you DO NOT use HTML email. Not likely. It bugs just about everybody who doesn’t live in Outlook.

For some inexplicable reason, somebody at Microsoft thought it wise to autocorrect “:)” as a truer smiley when composing rich text documents and/or HTML email – rendering it in a specific font face (WingDings). This is why people think you’re crazy for injecting a random “J” in emails – they don’t have the same font(s) installed on their machine! And even if you have WingDings installed, you may only still see a J where a smile should clearly be.

So, there’s a simple fix that’ll make your emails 100% more intelligible (as far as smiles are concerned). Delete the autocompletes.

  1. Open Microsoft Outlook (if it’s not already open).
  2. Fire up the Options panel (found under the File ribbon).
  3. Click open the Mail tab. You should see a “Spelling and Autocorrect…” button. The “Editor Options” panel will launch.
  4. From there, click the “AutoCorrect Options…” button. The “AutoCorrect: English (U.S.)” properties pane is what you should see next.
  5. Under the default “AutoCorrect” tab, look to the “Replace text as you type” section.
  6. Click the “Delete” button.
  7. Repeat these steps for the other smiley autoreplacements.

Enough with the J stuff, already. 😉

I want to call your attention to another Office QA oversight. They mis-capitalized “AutoCorrect” (leaving the “C” in lowercase within this particular pane). That wasn’t my typo.

Yes, I notice the small stuff – and then I do my best to fix these problems for the entire galaxy. You could replace the WingDing’ed smiley with a UNICODE smiley, but you may run into other encoding issues at that point. If you want to have more fun with UNICODE characters, check out funicode.com.


How to Organize Text and Programming Code

Add to iTunes | Add to YouTube | Add to Google | RSS Feed

Managing text in a single text file is a bit of a kluge. Let’s say that text happens to be code, such as PHP or CSS. You may want color highlighting, so that if you make a mistake you’ll be able to detect it easier. You want to have a text management tool at your disposal, no matter what operating system you happen to be using.

The free Snippely is just what you’re looking for. It’s an Adobe AIR app, made by the folks at Google Code. Snippely is a basic text and code organizational tool. Instead of storing bits of code, quick notes, and memos in text files all over your hard drive, this application will let you save and organize “snippets” in one convenient location. A snippet is a collection of one or more pieces of code and notes. Snippets are stored in groups for organization and quick retrieval.

You set up groups, and you have sub-groups within those. You can add notes and colors to different parts of your group areas. It’s really easy to do, just drag-and-drop things where you need them to be. You can even choose to make the notes appear in plain text!

Whether you’re managing plain-text snippets, or code snippets, Snippely is going to work great for you.

Want to embed this video on your own site, blog, or forum? Use this code or download the video:

How to Make Money With Web Design

Geek!This is Ashmiester’s submission for the HP Magic Giveaway. Feel free to leave comments for this article as you see fit – your feedback is certainly welcomed! If you’d like to submit your own how-to, what-is, or top-five list, you can send it to me. Views and opinions of this writer are not necessarily my own:

Do you want to make money with web design? Almost every organization has some kind of web presence on the web today. Does that mean there is no room left for new designers to get into the business of designing bespoke websites? No. In fact, it is a good thing, because a huge fraction of the existing websites out there are full of issues including bad design and technical errors. This can be for a majority of reasons with any bad website; perhaps the buyer was on a low budget, made it themselves with little experience, or just got completely ripped off by a bad service.

Whatever the reason, this opens a door for designers to do website redesigning. This is not much different from designing a website for a business that does not have one. The only difference is that it can be a bit easier because at times you will be transferring content from the client’s old website, or perhaps using an existing structure. I would say around 80-90% of my clients already have some kind of web presence, and they are at a stage where they are willing to spend some real money.

Getting Started

As long as you have some kind of skills in creating websites, you can absolutely do this. And you know what? Even if you do not have any website creation skills, I have provided some great resource links at the end of this article for those that would like to get started on the skills necessary for this lucrative industry. The first time I was paid to make websites, I only knew the basics, and then the more I did the more I improved. It is actually not that hard becoming a web designer, all it takes is some time commitment. It is good to start off learning HTML, CSS, and some basic interface graphics. Scroll to the bottom if you would like to check out the learning resources right now. Otherwise, read on.

A Safe Investment Opportunity

A great thing to keep in mind is that web design can be such a low-investment business opportunity as long as you go about it the right way. The only costly things tend to be some of the one-off costs, such as having the right software and actually having a computer to work on. I am not saying that these do not need upgrading ever, but to me a one-off cost is something where you are not paying for it on a recurring basis. Here are a couple of important tips on keeping this all a safe investment:

  1. Work from home. At least to begin with. It means you are saving money on the rent and bills involved in having an office. In my experience, it is best to start small because you then do not have to put as much funding into things that are not so necessary to have right away.
  2. Buy cheap but quality hosting. This is done by finding a small package offered by a reputable hosting company. I use the smallest package at www.1and1.com, because it is all that is needed for the hosting of a web design company’s website. It costs $3.99 per month ($23.94 per 6 months) and includes a domain.
  3. You do not have to quit your day job (if you have one) straight away. You can start by doing the odd project here and there while you are still employed. I actually do part-time studies and work full-time with my web design business. I love it, and I would not have it any other way.

Name or Business Name?

You have two choices, you can work as a freelance web designer under your full name, or you can operate under a business name. In my eyes, the latter is much preferred. Freelancers can be awfully undercut these days; you are more likely to make good money as a business. Not only will people take you more seriously but there will be the opportunity to get staff or partners later on if you so please.

The first thing you need to do is secure a .com for your business. Having a .com is pretty standard, I would ignore .net and .org if I were you. You can always have them additionally later on if you like. When thinking of a business name, do not try to be too smart with it. "[Something] Designs" or "[Something Media]" are the kind of names that give people an idea of what your business does when they hear the name. What goes at the front does not matter too much as long as it is not particularly ridiculous. It is also more appropriate on a corporate level if you eventually get some big-time contracts. Create a shortlist of the names you have thought up that you like, and see what is available for domain registration (I use GoDaddy).

If you are having trouble thinking of a business name, you could, for example, try combining colors with animals. Black Crow Designs, Red Wolf Designs, Purple Monkey Media (or not). You do not have to worry too much about thinking of a name, because it is your service that will be defining your company’s quality.

Setting Up Your Web Presence

Whether you are looking to deliver to clients locally, across the country, or all over the world – you need to have a home website for your web design company. The website is to show information about what the company does, what work it has done (a portfolio), how you can be contacted, what services you specifically offer and what the prices are. There are other things too, such as providing the general terms for contracts and the payment options. The more details, the better. But don’t cram your website with too much, keep things neat and spaced appropriately. This website is going to be a big part of selling yourself, so it should be a breeze to navigate and read.

Also, the design and layout are going to show what you are really capable of (besides your actual portfolio). And make sure you have a nice and recognizable logo in your header somewhere. If the website looks bad then you could be losing out on a crazy amount of business. So put your all into making it look great!

Putting a Portfolio Together

So, are you wanting to get into web design business but lack a strong portfolio to get people interested in your services? I will be honest, this will take some work if you really are at square one.

Do not worry, you can rapidly build a portfolio by doing some free websites for businesses, bands/musicians, artists, freelancers, etc. These are also the kind of clients you can get paid business from in the future. And while you are doing work for free, you are in return getting the experience of working for clients and having something to put into your portfolio on your company’s website. Once you have built these sites, you can charge money for any maintenance they would like from you in the future. They just got a free website from you, so that is completely acceptable.

Getting Clients

To be honest, getting clients is not actually too difficult. Back when I wanted to start my own web design company, people would tell me it was a bad idea because there would be “dry patches”. This means going for a while without any business. Put it this way: if you put effort into marketing yourself effectively, you will absolutely get clients. Before I learned to become more organized, I had queues of clients that I just did not have the time for. This excited me though. I really enjoyed marketing myself because I believed in what I was trying to sell. I truly believed that my potential clients needed my services in order for them to further their business, and I still do believe that.

The best way to start getting clients is for you to find them, rather than them finding you. It costs a lot of money advertising for people to come and find you, so do not worry about spending that kind of money just yet. Here are some tips on marketing yourself effectively at low-cost:

  1. Get some business cards printed. I started by getting a few hundred printed for cheap, with my company name and business logo on them. Include important details such as your own name, along with your cell number, e-mail address, and of course the URL of your company’s website. I used cardsmadeeasy.com as I am based in the UK. If you are in the US, uprinting.com has some good value printing services. 1000 cards for $25 is pretty awesome.
  2. Walk into small businesses of any sort and tell a member of staff who you are and what you do, then just leave your business card with them. If they show an interest and ask questions, give them as many details as possible. And remember, you are selling yourself, so give them the reasons why your services will benefit them greatly. You may get their business there and then, or you may have to wait for a call. Do this to as many local places as possible, especially independent businesses.
  3. For potential clients that are not based quite as close by, write a short letter explaining your services just like you would face-to-face, then mail multiple copies, with a business card, to places that have bad websites or perhaps even no website at all. I got a good few clients by doing this, but the only downfall is that they may want you to travel to them if they do business with you. That is why local clients are best. It can be very worth it anyway though, especially if it is someone paying you a lot of money.
  4. Referrals. Ask all of your friends and family if they know anybody who needs a website doing. Hand out more business cards and tell them to pass them onto people. If you are not getting results, then put a twist to it. Offer potential referrers a small percentage of what a client will pay you if they find that client for you. You could offer around 5-10% depending on what you are being paid. Advertise it on your website too. This is useful for getting those first paying clients in, but to be honest I still use this method today because it does get me good business, and word about the company spreads.
  5. Similarly to the above, you could do a special offer that is to take place for limited time only. You could offer 10% off of any quoted price, or something like $50 off with a promotional code. I now only do this with some of my fixed-price services, such as website packages and my hosting services. These kind of things are really great for drawing customers in, trust me. We all love discounts.

Be Prepared…

I have met some great people through my design business, but there will always be clients that are difficult to deal with. To avoid clients walking all over you, make sure you put everything into writing if someone is going ahead with your quoted service. Also, take a deposit upfront. Usually anywhere from a third to a half of the full amount is a good idea, then they can give the rest during and after the development of the product. Or the rest of it could be put into the form of a monthly payment plan if the client is budgeting.

The last thing you want is a client refusing to pay for many long hours of your hard work. Yes, people can be this cruel, even if they seem very nice! So secure some money upfront before going ahead with the project.

Extending Your Services

Doing bespoke web design is great to start with and as your primary service, but why stop there? As you grow, your services can too. Why not also offer logo design, video creation, Flash animation, DVD authoring, media printing, or perhaps multiple-use web templates? How about buying reseller hosting so that you can provide a hosting service to go hand-in-hand with your clients’ websites? You can also look at offering services for certain types of websites such as e-commerce, database-driven websites, CMS (Content Management Systems), etc. You could do work for marketing campaigns. I have also seen design companies provide website management training at hourly rates.

There are so many possibilities in this industry which gives you the opportunity to make more than a comfortable amount of money. Just be sure not to offer too much from the beginning, because you may find that it is just too difficult to deliver. It may also mean more investing in one go.


Thank you if you had the patience to read this little guide, and more importantly, I hope you got something out of it. I think that anybody is capable of starting a profitable web design business, and to top it off, it is something that is so flexible it can be worked around your job or studies if you wish not to do it full-time.

If you have any questions or suggestions then please post a comment. Keep in mind that everything I have written is based on my own experience in becoming a self-employed web designer. Perhaps you disagree on a part of the guide due to your own experiences. If so, please do post a comment. Other established designers reading may well have other methods of becoming a good business. I am interested to hear.

Thank you again my precious readers, and good luck on your quest to making money with web design.

Learning Resources

Learning HTML/XHTML (Hyper-Text Markup Language) is definitely the first step. It is the code that structures and formats the appearance of a web page, and is particularly easy to learn and use.

Here are some great HTML guides to get you started. Plus a whole array of different HTML tutorials for once you get some basics down:

CSS (Cascading Style Sheets) is a very structured language for formatting websites more efficiently, also enabling more enhanced formatting. It is also easy to use. Here are some great CSS guides to get you started. Again, there is a ton of different tutorials you can try out once you have some basics in mind:

It may be worth investing in a copy of the latest version of Adobe Photoshop if you are serious about web design. There are some nice and basic web interface design tutorials at these links:

Free learning is the way it should be. Enjoy your learning experience.

What Advice do you Give to Young Programmers?

Add to iTunes | Add to YouTube | Add to Google | RSS Feed

Programming is an excellent field to go into, and good Programmers are a hot commodity. That reminds me… if anyone out there is above excellent at working with Drupal, shoot me an email to [email protected] Thanks to Grant for sending in this list of tips for young people looking to learn Programming.

  • Read. If you do not like spending a lot of time reading… you should not program. When you are learning a computer language, you must be willing to spend hours reading books, websites, and magazine articles.
  • Take your time finding the language that is right for you. Think about what you want to accomplish when programming a computer. Remember, once you learn one computer language… it is easy to learn another.
  • ThinkWhen you start to make a program, really spend some time thinking about what you want it to do. I cannot tell you how many times I just jumped into a project, only to realize it was useless.
  • Use flow charts. Flow charting allows you to organize your code, and make it efficient.
  • Back everything up! When you start to program, there is a good chance that you might mess something up, and fry your computer. Give yourself a safety net, and back everything up. Also make sure to frequently backup your code itself! This makes it easier to undo when you make a mistake.
  • Comment your code! If you leave a project, only to come back later… you will probably have forgotten how it worked. Commenting your code will help you. With comments, you do not have to read through the whole thing. Instead, you can look at your comments and get an idea of what’s going on.
  • Don’t be afraid to ask for help. Microsoft has a great website and databases for programmers. Also check out their blog, and ask questions. There is always someone who is willing to help.
  • Get a book. Your local or school library will most likely have books on Programming. Check them out, read them over and over, and learn from them.
  • Testing! When you have a good start on your programs, let other people try them out. You could ask people to evaluate them, or you could give them out as freeware. Start a website and let people download them if you want. The feedback will be an invaluable learning tool for you.


Want to embed this video on your own site, blog, or forum? Use this code or download the video:

Top Ten Tips for Web Site Design

Alec is a regular member of our live community. Recently, he sent me his top 10 list of tips to help you with good Web Design. Even though I wasn’t able to do a video on this email, I wanted to pass them along to all of you.

  1. Why? Why do you need a site? What do you need to do? Get more leads? Sales? Votes? Look cool? Will search engines be important? If you can’t answer, better wait until you have a strategic plan for your company overall.
  2. Audience. Before anything else, you have to figure out who you’re creating your site for. What are the 1-4 questions they’ll have in their heads that, if answered, will mean they’re going to call, buy, or take whatever action they need to?
  3. Architecture. Create the site map. The map shows how your site will be structured. It could be fancy and complex, or simple. It could be drawn on a napkin, even. Just so long as it provides a rational structure for your presence.
  4. Wireframe. Then show where stuff will go on each page. Think of this as a site map, but for each page (a page map?).
  5. Design. Create the pretty stuff. This is what most folks call ‘Web site design’. Notice that it’s step 4? A lot of thinking goes into this, making sure that the way the site looks fits the site’s role.
  6. Mockup. Take the design and turn it into a set of Web page templates that you can view in your Web browser. The mockup is the model for the site. It shows how drop downs will work, and how processes like checkout or information requests will look.
  7. Test the Mockup. Then test the mockup. Is it standards-compliant? Does it look good in all major browsers? Does it present the most search-friendly and accessible information structure to the Internet? This is the chance to test before you build the site.
  8. Add the Tools. If you’re using a content management system (CMS), then the developers go to work, adding the mockup templates to the system. If you’re collecting leads, they’ll build the database and code to handle that, too. Finally, they’ll make sure you’re equipped for analytics.
  9. Add the Content. Type in the content, lay out each page, and check for spelling errors, etc.. If search engine optimization matters, tweak the content for best keyword richness.
  10. Test, Test, and more Test. Test the site for errors (broken links, crashes, and server errors) and bugs (sneaky things that aren’t immediately evident, like, say, your shopping cart not storing the ZIP code on orders).

How to Learn

Add to iTunes | Add to YouTube | Add to Google | RSS Feed

Brian writes: “I’ve been watching your videos on YouTube for a few month now. I’ve been learning Java for a year now, and I’ve got some tips for learning computer programming. Hopefully, these will apply to other things, as well.”

  • Learn to use the help section or guide. The first thing you should master when learning, is the skill of using the help area. It’s so much easier to find something you need on your own than it is to ask others for help.
  • Trust books… but have your own mind. When you feel the book isn’t right, you should do research rather than saying “oh, well a book knows more than I do”. Nobody is perfect… even authors could be wrong sometimes.
  • Use the tools. When you are learning something new, always use the tools that can help you. Such as… don’t just use Notepad for programming. Use an IDE, because it can make your life easier. It will also make your debugging easier when you make a mistake. And don’t just use any tool, find the one that is right for you. By the way… I use Eclipse for my Java programming.
  • Take a rest. When you feel you have mastered 2 or 3 new things, take a rest, and think about what you have learned. It will be more effective this way.
  • Don’t research immediately. If you find something in the book that you don’t understand, don’t go do research immediately. Read the rest of the article or book first. Then if you still don’t under stand it… do some further research.
  • Always read twice. If you can, always read an article or book twice. I always learn a lot of things the second time I read the book or article.


Want to embed this video on your own site, blog, or forum? Use this code or download the video:

How to Start a Website

Add to iTunes | Add to YouTube | Add to Google | RSS Feed

Have you ever wanted to have your own Website? Do you know how to go about getting started? Here are some tips sent in by Lewis that may shed some light on these questions… and more.

  • Don’t go for the cheapest hosting. These may look great at first, but from what I have found out, they are not. The support is often bad, the servers are often cheap and slow and you do not get what you pay for. Try to look for a respectable one with many reviews. We recommend GoDaddy. Use coupon code Chris1 to save 10% off your order!
  • Learn how to code and design. The worst way to start a website is with no coding experience or design experience. This is often the thoughts of many new website owners and it puts users off. You need to take time out of your life to code and design properly, you will get much more out of the site this way.
  • Don’t swarm your site with adverts. Often, too many ads put off users and they will not come back. If you must, put at the most 3 adverts on a page, that is the maximum. I’m pretty sure you hate websites with loads of adverts, think of your users.
  • Get a proper domain name. Often free domains names like (.tk, .us.tt ect) are bad, full of frames with adverts in them and are often having problems. I recommend getting one from a respectable seller, e.g.: Godaddy. There are many coupons around for godaddy, Chris has a few, type !coupon into his chat.
  • And finally, give your users a way to contact you. This could be a contact form, an email link (make sure to obscure it in an image or flash file to keep bots off your site and selling your address) or anything else. Your users might need your help and without a good clear link to contact, they will not email you and you will lose their business. Many users are not going to bother looking through Whois databases for an address.


Want to embed this video on your own site, blog, or forum? Use this code or download the video:

How to Get Started With Computer Programming

Add to iTunes | Add to YouTube | Add to Google | RSS Feed

Programming is NOT as scary of a task as you might imagine. I know some people who shudder at the thought of learning any programming language. However, take a read through these tips, and find out for yourself how to get started.

  • Save your coding often! Everybody knows the feeling of having worked for several hours on the same thing and you lose it for various reasons (the computer goes down, program crash, power out). I usually save every five minute or every time I have written a line.
  • Backup your code! Kind of for the same reason as tip 1. When working on a mac it is really easy to back up with Time Machine. I do this every night before I go to bed.
  • Write proper comments everywhere. Comments are very important. Even though you might not find it useful at the time you write the code, imagine how it is if you do not look at the code for a year. It will take you up to several hours to figure out how the program runs if you have to read the code instead of the comments. It is also a requirement to use commenting if you are developing code as a team.
  • Keep your code clean. Linebreaks are free. Separate your code in chunks sorted by what it does. Make it easy to overcome. Combined with tip 3 you are good to go. It is also good to separate the code in files. Files for functions, common used files and so on.
  • Test your code often!!!! Whenever you have made a simple part of the code, test it. Writing 400 lines of code before testing is a nightmare. Do it as often as you can. Output your variables to see if they contain what they are supposed to. Also twist your mind to be predict every possability of program crashing and error reporting. E.g. If the end-user is supposed to input a variable. Check if it is a variable, if not, stop and tell the user. Not checking stuff can be fatal and is the main reason websites get hacked.


Want to embed this video on your own site, blog, or forum? Use this code or download the video:

Aptana Studio Web Development IDE

Add to iTunes | Add to YouTube | Add to Google | RSS Feed

A community member who uses the name of Fatal email me today. He said he was looking for an alternative to Dreamweaver, and came across Aptana. This is a free, open-source application, and wanted me to try it out.

Aptana Studio 1.0 is indeed an open-source application… for the community version. There is, of course, a Pro version, which is right around $100.00. The caveat to this program at first glance is that it is Java-based. Not to diss any Java programmers out there, but let’s face it. Java is just doggy at times.

If you look past the speed issues, you’ll probably be quite happy with Aptana. There is a lot of troubleshooting built in, and not just for HTML. You’ll also find support for CSS, Javascript, and more. There are tons of features in this program, much more than I would normally expect from an open-source project… especially in its early release stages. This is definitely going to be something to keep an eye on. With a 1.0 version this good already, it will be interesting to see what the developers do with future versions.

Want to embed this video on your own site, blog, or forum? Use this code or download the video:


The Web address for this online tool will be astoundingly impossible to remember, but its functionality really whips the llama’s ass. It’ll create a PDF from any Web-based HTML document (read: Web page). Why wouldn’t you print to a PDF locally? (1) This HTML 2 PDF service is infinitely faster; (2) No clunky software to install; (3) It automatically strips any kind of print headers and footers; (4) It works better than the Firefox or Internet Explorer print feature! If you need to carry a document with you offline, forget about printing it locally – print it to PDF. Assuming, of course, this service lasts for free forever. If only I could convince the guy (or girl) to get and use a much better domain name. html2pdf is pretty darn nifty.