Wednesday, November 26, 2008

Tango Hosting Email Setup

To set up Outlook 2000 (PC) you will first have to acquire the necessary information:

Server Type: POP3
Incoming Server: mail.yourdomain.com (where yourdomain.com is your actual domain name)
Outgoing Server: mail.yourdomain.com

Email Address: (i.e. name@yourdomain.com)
Password: Your E-mail Password
  1. Start Outlook, and on the Tools menu, click Accounts. (Also called "Email Accounts")

  2. In the Internet Accounts dialog box, click Add, and then click Mail. The Internet Connection Wizard will guide you through the account setup process.

  3. In the Your Name box type your Display Name, the name you would like to have appear on all mail messages you send, and then click Next.



  4. In the Email Address box, type the address that you setup in your Control Panel. Click Next.



  5. Select POP3 in the "My incoming mail server is a ______ server" list.

    Type your incoming mail server in the "Incoming Mail (POP3 or IMAP) server" box. This server name is mail.yourdomain.com (where yourdomain.com is replaced with your actual domain name).

    Type the outgoing mail server in the "Outgoing mail (SMTP) server" box. This server name is mail.mydomain.com (where mydomain.com is replaced with your actual domain name) Click Next.

    Important: Many ISP's (Internet Service Providers) require that you enter their Outgoing SMTP information rather then your own (i.e. mail.yourdomain.com), especially if you are using a non-business service account. Cox, Verizon,, Earthlink, NetZero, Mindspring, MSN, Flashnet, MediaOne, AT&T, Bell, Yahoo SBC etc. all require this setting, please contact them directly to acquire this information, if you are having trouble sending email. For additional information on this issue please click here



  6. Type your Account Name (NOTE: This is your entire email address name@yourdomain.com) and Password. This information was set when you setup this email account in your Control Panel.



  7. Click Next until you get to the final window. Click Finish
This is copied from the www.tangohosting.com web site.

Monday, November 24, 2008

How to copy files to a CD using Mac OSX

Once you have access to the files that you wish to backup, insert a blank CD into the CD-ROM drive on your computer. When you do this a screen will pop up asking you what you want to do.

Selected

The action that you want to take is “Open Finder” - Select that and then click on “OK.” Once you do that the Blank CD will pop up onto your desktop and it should look something like this:

Selected

Next all you have to do is drag and drop the files you want to copy onto the “Untitled CD” icon on your desktop. Once you have finished selecting and moving the files you want to burn onto the cd, open the “Untitled CD” on your desktop. This will show you all the files that you selected to burn and how much space you have left on disk. You can copy as many files as you want as long as it does not go over that limit.

If you are satisfied with the contents of your disk, click on the “Burn” button at the top right hand side of the window.

Selected

Once you click on the “Burn” button you are in the starting process of burning your CD. Here it give you options to change the name of the CD and the burning speed. You can leave the speed at the default setting - in this instance we named the cd “Backup” so that I know this CD is a backup of my files. Click on “Burn” to continue and burn the CD.

Selected

The next screen shows you the progress of burning the CD.

Selected

Once the CD has completed burning, the “Untitled CD” will change to the name that you specified, and in this case it shows up on the desktop as “Backup.”

Selected

A good thing to do is to open up the CD that you just burned to verify that it did indeed burn successfully. If there is anything wrong with the files, they will not open or not all the files that you wanted to burn are actually on the CD, insert a new blank CD and start again.

Selected

Once you have checked your CD you have successfully made a backup CD of the files that you wish to save off of your computer/network drive!


Original post can be found here.

Monday, November 10, 2008

Google Ad Manager

So I work for a company that needed an ad server and I came across Google Ad Manager. It's great. No installation needed and it worked wonderfully! We were using OpenAds, but that doesn't work well. We were having unique errors and the people are overseas and were super hard to get a hold of when we needed them. Below is some beginning knowledge on this that I learned within the first day or two. Any questions, please feel free to comment.

Inventory

Once you log into Adm Manager you’ll notice four tabs at the top labeled Order, Inventory, Reports, and Admin. First lets focus on the Inventory tab. This is where you’ll set up you actual available ad slots for your website.

Click ‘Inventory’

Click ‘New Ad Slot’

Name your ad slot something descriptive like, RightColumnTop125×125. This name cannot contain any spaces. Select the size of the ads that will be displayed in this slot and fill in an optional description. You can uncheck ‘Allow AdSense ads to compete for remnant inventory’ because these are your own inhouse ads and they aren’t costing you anything, therefore it wouldn’t make sense for adspeed to compete with your own ads. Don’t worry about placements yet. We’ll get to that.

Scroll to the bottom and click Save

Placements

Now lets create a placement. Placements are groups of ad slots put together. Lets say you have one ad slot named RightColumnTop125×125 and another named RightColumnBottom125×125. You could group these two together in a placement called ‘Right Column’. Placements are useful for reporting purposes and for specifying where our creatives (our actual ads) will show up.

Click ‘Placements’

Click ‘New Placement’

Enter a name and again uncheck ‘Allow Google advertisers to target’ since these are for our inhouse ads. Below you’ll see your ad slots. ad the relevant ad slots to the placement.

Scroll to the bottom and click Save

Orders

Lets head over to the Orders section. This is where we’ll actually upload our ads.

Click ‘Orders’

Click ‘New Order’

Fill out all the fields. For Order Name put something like ‘You Company inhouse ads’. Don’t worry about external ID for now. Make sure to set end date to unlimited.

Click the ‘Advertiser’ drop down menu

Create a new advertiser with your company name

Click Save

Orders -> Line Items

Next we’ll create our line items. I like to think of line items like categories for our order. For example if you’re order may be for Toyota Cars, and your line item would be ‘Toyota Corolla’. This is important because you can only apply targeting (which we’ll get into in another article) at the line level. Inside the line we’ll place our actual ads.

Click ‘New line item’

You should be getting good at filling out these forms by now. On this page ‘Delivery Priority’ is the key field. Make sure to set it to ‘House’. This will allow you to set an unlimited end date. Also your start date must be in the future.

Below you’ll see our placements. Select which placement you want this line item to display your ads.

Scroll down and you’ll see targeting. This allows you to target your line item to specific countries, browsers, day and time, or even bandwidth. I’ll get more into the advanced features of targeting in another article.

Below targeting you can set your ‘Delivery Options’. I set Delivery rate and Creative Rotation to ‘even’ and left the other boxes unchecked.

Click Save

Orders -> Line Items -> Upload Creative

You should see a link that says ‘Needs Creatives’ in the status menu. Click this link and now we’ll upload our actual ads.

This next screen is pretty self explanatory. You can name your ad and choose the correct ad slot size. You can use flash or static images. You can even insert your own code under ‘Rich Media’. For most of you you’ll probably have a static image or flash file. If you’ve already uploaded your image/flash to a server choose ‘Standard image redirect’ or ‘Flash media redirect’ and you can put the appropriate link to the actual file. You can also specify where you want the ad to link. Manual weight will be grayed out because we’ve selected even distribution for this ad slot.

Click Save

Generate HTML

Now all we need it the actual HTML to place on our web page. Head back over to ‘Inventory’ and click ‘Generate sample HTML’. Select which ad slots you want to generate code for and click ‘Generate Sample HTML’.

The Generated HTML will show up below and you’ll notice that it’s a complete web page with head and body tags. Just copy and paste the javascript in and your done.

Remember your ads will not show up until they reach the begin date for you line item. Even then it can take 10min to an hour for Google’s cache to update itself so be patient. You’ll know everything is good when you go to your order page and see the status set to ‘Delivering’.

Hope this helps. If you have any questions please feel free to comment below.

Tuesday, October 28, 2008

Thursday, October 23, 2008

Fonts - Mac, PC, Ubuntu (linux)

Web designers often feel that they are restricted to a basic set of core web fonts. This small set of fonts has been widely distributed and most designers stick to them, just to be on the safe side. However, when you look at the fonts available on the three most widely used operating systems, you can see that this really isn't necessary.

All three operaing systems come with a variety of fonts, many

of which can be reasonably substituted for each other without affecting the design.You can also choose fonts that have the same look and feel that you want, but may not be exact matches. This allows for much more flexibility in design while still ensuring compatibility across operating systems.

Stacking fonts in your CSS allows you to cover all your bases by specifying back-up fonts for users who don't have your preferred typeface. For example, the font stack for this site is:

font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif


For more on creating great font stacks, read Better CSS Font Stacks from Unit Interactive.

About these tables


  • Ubuntu is used as a sample Gnu/Linux operating system.
    Other distributions may have different fonts installed. If you can
    provide a list of pre-installed fonts on other distros
    please send it to me and I will incorporate it into this article.


  • Fonts listed in the same row are near equivalents of each
    other, with the exception of the last row in each table which is used
    for other/non matching fonts. The "matching" fonts may not match exactly but in practical use can be subsituted for each other without
    problems


  • All font samples were taken from a sample page in Firefox at .9em (Linux, Mac, Windows). Keep relative sizing in mind when choosing a list of fonts to specify (i.e. you don't want big sizing variations depending on which font the user has installed).


  • The "Installed with MS Programs" column lists typefaces incuded with common Microsoft applications. You can probably expect that most Windows users have some of these applications installed, and some Mac users may have Office installed as well. Non-starred entires are installed with all versions of Office 2003/2007 and many other programs. Starred (*) entries are installed primarily with Office Professional Plus 2007 but some also come with with Office 2003 Professional Edition, Publisher, and other programs. Entries with a - next to them are installed with Office 2003 and other older programs (that are still quite pervasive at this point). Details are available in the Microsoft Typography Database.


  • In the Mac OSX column, entries with a + are included with OSX 10.5 (Leopard), entries with a - are included with versions prior to 10.4 (but not in 10.4)

  • Starred entries in the Ubuntu column are installed by the mscorefonts package. According to a survey on the Ubuntu Forums, approximately 74% of Ubuntu users have mscorefonts installed.




Serif





































































Windows Installed with MS Programs Mac OS 10.4 Ubuntu (Linux)

Baskerville Old Face Baskerville MgOpen Canonica

*Bookman Old Style Hoefler Text URW Bookman L
Georgia
Georgia *Georgia

*Century Schoolbook
Century Schoolbook L


-New York


  • Bitstream Vera Serif

  • DejaVu Serif


Palatino Linotype
-Palatino URW Palladio L
Times New Roman



  • Times

  • Times New Roman




  • FreeSerif

  • Nimbus Roman No9 L

  • *Times New Roman





  • *Cambria

  • *Constantia





  • *Bell MT

  • Book Antiqua

  • *Bodoni MT


  • *Californian FB

  • *Calisto MT

  • *Centaur

  • *Century

  • *Elephant

  • *Footlight MT Light


  • Garamond

  • *Gloucester MT Extra Condensed

  • *Goudy Old Style

  • *High Tower Text

  • *Lucida Bright

  • *Lucida Fax


  • *Modern No. 20

  • *Poor Richard

  • *Rockwell






  • BigCaslon

  • Cochin

  • Didot




  • Bitstream Charter

  • Gentium


  • GentiumAlt

  • TSCu_Times





  • *Cambria and Constantia are part of the Windows Vista font
    pack and are included with Windows Vista and as an upgrade to
    Office 2003. These are cleartype
    fonts
    which means that they render differently than traditional fonts
    (anti-aliasing is used to make them appear smoother). On Windows they
    tend to look bad on non-Microsoft web browsers when cleartype is not
    enabled in the desktop preferences. Cleartype is not enabled by
    default on Windows XP but it is included as an option when installing IE 7.


  • Palatino and New York are not installed by default on OS 10.4 but are installed on previous versions




Sans Serif


























































































Windows Installed with MS Programs Mac OS 10.4 Ubuntu (Linux)
Arial
Arial

  • *Arial

  • FreeSans

  • Nimbus Sans L


Arial Black

*Arial Black


Century Gothic URW Gothic L


Helvetica MgOpen Moderna
Lucida Sans Unicode
Lucida Grande


Optima MgOpen Cosmetica
Tahoma

  • Geneva

  • +Tahoma




Trebuchet MS
Trebuchet MS *Trebuchet MS
Verdana
Verdana

  • Bitstream Vera Sans

  • DejaVu Sans

  • *Verdana





  • *Calibri

  • *Candara

  • *Corbel


  • Franklin Gothic Medium

  • Microsoft Sans Serif




  • *Agency FB

  • Arial Narrow


  • *Arial Rounded MT Bold

  • Arial Unicode MS

  • *Berlin Sans FB

  • *Eras Medium ITC

  • *Gill Sans MT

  • *Lucida Sans


  • *Maiandra GD

  • *Tw Cen MT





  • AppleGothic


  • Futura

  • Helvetica Neuve

  • +Microsoft Sans Serif

  • Monaco


MgOpen Modata


Notes:

  • DejaVu is a modification of Bitstream Vera Sans, with additional unicode characters



Script/Handwriting




















































Windows Installed with MS Programs Mac OS 10.4 Ubuntu (Linux)

*Brush Script MT Italic Brush Script

Monotype Corsiva Apple Chancery URW Chancery L
Comic Sans MS
Comic Sans MS

  • TSCu_Comic


  • *Comic Sans MS



*Papyrus


  • Papyrus

  • +Papyrus Condensed







  • *Blackadder ITC

  • *Bradley Hand ITC

  • *Edwardian Script ITC

  • *Freestyle Script

  • *French Script MT


  • *Forte

  • *Kristen

  • *Kunstler Script

  • *Lucida Calligraphy

  • *Lucida Handwriting

  • *Palace Script MT


  • *Pristina

  • *Rage Italic

  • *Script MT Bold

  • *Viner Hand

  • *Vivaldi Italic

  • *Vladimir Script





  • Chalkboard

  • MarkerFelt

  • Zapfino




Notes:

  • One way to counter the problem with script fonts in Windows
    (namely, that only Comic Sans is installed by default), would be to
    specify a nice serif as your last option (Georgia, for example) and
    make it italic. Script fonts usually don't have italic variants, so
    people with nice script fonts installed will see the font you intended
    while others will see italic Georgia which isn't quite the same but
    would still look nice. This technique would also work for decorative
    fonts or other categories where no suitable alternative is available on
    some operating systems.



Monospace





































Windows Installed with MS Programs Mac OS 10.4 Ubuntu (Linux)
Courier New


  • Courier


  • Courier New




  • Courier 10 Pitch

  • *Courier New

  • FreeMono


  • Nimbus Mono L

  • TlwgMono

  • Tlwg Typewriter


Lucida Console
Monaco
*Consolas

  • *Lucida Sans Typewriter

  • *OCR A Extended



+Andale Mono

  • *Andale Mono

  • Bitstream Vera Sans Mono

  • Deja Vu Sans Mono






Decorative























Windows Installed with MS Programs Mac OS 10.4 Ubuntu (Linux)
Impact

  • *Algerian

  • *Bauhaus 93

  • *Bernard MT Condensed

  • *Britannic Bold


  • *Broadway

  • *Castellar

  • *Chiller

  • *Colonna MT

  • *Cooper Black

  • *Copperplate Gothic Light


  • *Curlz MT

  • *Engravers MT

  • *Felix Titling

  • *Gigi

  • *Goudy Stout

  • *Haettenschweiler


  • *Harlow Solid Italic

  • *Harrington

  • *Imprint MT Shadow

  • *Informal Roman

  • *Jokerman

  • *Juice ITC


  • *Magneto Bold

  • *Matura MT Script Capitals

  • *Mistral

  • *Niagara Engraved

  • *Niagara Solid

  • *Old English Text MT


  • -Onyx

  • *Perpetua Titling MT Light

  • *Playbill

  • *Ravie

  • -Showcard Gothic

  • -Snap ITC


  • *Stencil

  • *Wide Latin




  • American Typewriter


  • Copperplate

  • Herculanum


*Impact

Symbol/Dingbat



(link to full character set where available)


Of course, it is probably not a good idea to use these fonts in web pages! However, they are listed here just to keep this resource complete.























Windows Installed with MS Programs Mac OS 10.4 Ubuntu (Linux)








  • Dingbats

  • Open Symbol


  • Standard Symbols L

  • *Webdings





Foreign Language



This list is by no means complete and is based on what I was
able to find out online about various typefaces. If you have more information that
could help to complete this list please contact me.



Notes:



  • In the OSX column, fonts marked with ** are part of the Additional Fonts package (installed by default)


  • In Ubuntu, many of these fonts will look the same as Deja Vu/Bitstream Vera Sans when typing latin characters. You do not have 10 versions of the same font under different names – these are foreign language variations. Foreign language support must be enabled in some cases to see the characters (I think ???).


























































































Windows Installed with MS Programs Mac OS 10.4 Ubuntu (Linux)
Multi-language support (Unicode)

Arial Unicode (installed with Office):



  • Arabic script (Arabic, Balochi, Persian, Shahmukhi, Urdu)

  • Armenian

  • Cyrillic (all or most of range)


  • Devanagari

  • Georgian (Mkhedruli and Asomtavruli)

  • Greek (including polytonic and Coptic characters)

  • Gurmukhi

  • Hebrew

  • IPA


  • Japanese (Hiragana, Katakana, Kanji/Han Ideographs)

  • Kannada

  • Korean (Hangul only)

  • Latin

  • Tamil

  • Thai


  • Vietnamese



Last Resort (fallback font, contains all unicode characters)

DejaVu (Unicode):




  • Arbic

  • Armenian

  • Cryllic

  • Greek

  • Hebrew


  • Lao

  • Plus other unicode characters (see Wikipedia)


Gentium (Unicode):



  • Greek


  • Cryllic (under development)


GentiumAlt is designed to improve the appearance of letters with multiple diacritics.



Free Serif (Unicode):



  • Bengali

  • Cyrillic


  • Greek

  • Devanagari

  • Ethiopic

  • Gurmukhi

  • Hebrew

  • Hiragana


  • Katakana

  • Malayalam

  • Tamil

  • Telugu

  • Thaana

  • Thai



FreeSans and FreeMono include fewer glyphs than Free Serif but do have some multi-language support.


Aboriginal

Unified Canadian Aboriginal Syllabics:



  • EuphemiaCASBold**

  • EuphemiaCASItalic**

  • EuphemiaCASRegular**



Cherokee:



  • PlantagenetCherokee**



Arabic

  • Estrangelo Edessa





  • Geeza Pro Bold

  • Geeza Pro

  • AlBayan**

  • AlBayanBold **

  • Baghdad**


  • DecoTypeNaskh**

  • KufiStandarGK**

  • Nadeem**





  • TAMu_Kadambri

  • TAMu_Kalyani

  • TAMu_Maduram


Simplified Chinese


  • Hei ST

  • Heiti Light

  • STHeiti Regular


  • STFangsong **

  • STKaiti**

  • STSong**



Traditional Chinese


  • Apple LiGothic Medium

  • LiHei Pro


  • Apple LiSung Light **

  • BiauKai**

  • LiSong Pro**



Hebrew


  • ArialHB**

  • ArialHBBold **


  • Corsiva**

  • CorsivaBold**

  • NewPeninimMT**

  • Raanana**

  • RaananaBold**




Indic

  • Gautami (Telugu)


  • Latha (Tamil)

  • Mangal (?) ( Devanagari)

  • Raavi (Devanagari, Gurmukhi)

  • Shruti (?) (Gujarati)

  • Tunga (Kannada)





  • DevanagariMT**

  • DevanagariMTBold**

  • GujaratiMT**

  • GujaratiMTBold**


  • Gurmukhi**

  • InaiMathi**(Tamil)




  • aakar (Gujarati)


  • Ani (Bengali)

  • Chandas (Devanagari)

  • Gargi 1.7 (Devanagari)

  • Jamrul (Bengali)

  • Kalimati (Hindi/Devanagari)

  • Kedage (Kannada)


  • Likhan (Bengali)

  • Lohit Bengali

  • Lohit Gujarati

  • Lohit Hindi

  • Lohit Punjabi

  • Lohit Tamil


  • Malayalam

  • Mallig (Kannada)

  • Mitra Mono (Bengali)

  • Mukti Narrow (Bengali)

  • oriUni (also called Oriya; Oriya, Khondi,
    Santali)

  • padmaa (Gujarati)


  • Pothana 2000

  • Rekha (Gujarati)

  • Saab (Gujarati)

  • Samanata (Hindi/Devanagari)

  • Vemana2000 (Telugu)



Japanese

  • *Meiryo





  • AquaKanaBold

  • AquaKanaRegular

  • Hiragino Kaku Gothic Pro W3


  • Hiragino Kaku Gothic Pro W6

  • Hiragino Kaku Gothic Std W8

  • Hiragino Maru Gothic Pro W4

  • Hiragino Mincho Pro W3

  • Hiragino Mincho Pro W6

  • Osaka


  • OsakaMono




  • Kochi Gothic

  • Kochi Mincho



Korean



  • AppleGothic

  • #Gungseouche**

  • #HeadlineA**

  • #PCmyoungjo**

  • #Pilgiche**

  • AppleMyungjo**





  • Baekmuk Batang

  • Baekmuk Dotum

  • Baekmuk Gulim


  • Baekmuk Headline


Thai


  • Ayuthaya**

  • Krungthep**

  • Sathu**

  • Silom**

  • Thonburi**





  • Garuda

  • Loma

  • Norasi


  • Purisa


Miscellaneous

Western language variants:




  • WST_Czech

  • WST_Engl

  • WST_Fren

  • WST_Germ

  • WST_Ital


  • WST_Span

  • WST_Swed


Cryllic:



  • Sylfaen (Armenian, Cyrillic, Georgian, Greek, Latin)



Thaana:



  • MV Boli




Cyrillic:




  • CharcoalCY

  • GenevaCY

  • HelveticaCY



Armenian:




  • MshtakanBold

  • MshtakanBoldOblique

  • MshtakanOblique

  • MshtakanRegular

  • NISC18030




Lao:



  • Phetsarath OT




References:


How-to's

  • Better CSS Font Stacks - explains how to create a font stack and recommends some attractive stacks for both paragraphs and headings.