Using Google Font API

One thing I learned at Google I/O that I thought was fun and exciting was their new Google Font API. What does this mean? It means I don’t have to add text to images using Photoshop anymore. I can just add it directly to the HTML code as plain text and it’ll look beautiful on the page.

This will (1) speed up page loads because text loads faster than images and (2) make the page more accessible (screen readers won’t need to piece together alt tags of images; instead, it’ll just read the text directly off the page. (3) The more text you have on a page, the more SEO-friendly it is.

Lucky for us, adding Google fonts to our webpage is quite easy. All you need is to know a bit of CSS and HTML, and how to copy and paste!

Step 1: Select Font

Go to the Google font directory and choose a font you would like to use. In the sample below, I picked the “Lobster” font.

Step 2: Get the Code

If you like the font, tab over to “Get the Code.” From there, you will get a sample code like this:

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'></link>

To include the code into your page, simply copy and paste this code into the header of your HTML page.

If you prefer to include the font it into your CSS stylesheet instead of your HTML header, you can use a code like this instead:

@import url("http://fonts.googleapis.com/css?family=Lobster");

Step 3: Add some style!

Now that you have your font embedded onto your page, it’s time to give it some style. Create a CSS class and add in your font.

In this sample, I created a class called “prettyFont” and made it use the “Lobster” font to display, in huge red font. The alternative “arial and serif” font were added as a backup in case Google Font API was down; these web-safe fonts will display instead of Lobster in that case.

.prettyFont { font-family: 'Lobster', arial, serif; font-size: 3em; color:red; }

That’s pretty much it! Adding Google Fonts to your page is as simple as 1-2-3! You can also go even more wild and add shadows, shading, and anything else you can do with HTML + CSS.

For more information, see the Google Font API documentation. For more sample codes, check out Getting Started with Google Font API. And if you want to dive in deeper and add in italic, bold, and bold italic fonts, see their further reading section.

Popularity: 1% [?]

Google I/O Gives out Phones to Attendees

Santa Google is delivering gifts early this year! Instead of being surprised at Google I/O’s keynote, attendees got an email this morning with a gift attached to it. Depending on the attendee’s country code, they will either receive a Motorola Droid or Nexus One phone as a gift.

Android will play a big role in this year’s Google I/O conference, so what better way to get developers excited than to give them an Android OS phone a month in advance. They’ll be able to familiarize themselves with the Android SDK way before the heading to the conference.

Google I/O would like the attendees to be put their new phones to work at the conference. A conference app will be available for download before May 19th, over 40 companies will be demo-ing their apps in the developer sandbox, so there will be more apps for us to test out, and they will continue the tradition of the SCVNGR game where attendees hunt and find hidden QR codes in the conference area.

More answers and questions about the Google I/O gift can be found here. And if you’re attending Google I/O 2010 in San Francisco, I’ll see you there!

Photo by Albertech.net, May 2009, Google I/O 2009

Popularity: 2% [?]

Tip: How to Create Gmail Filters

With the introduction of Google Buzz last week and the many emails it introduced, I’ve been actively creating more and more filters to keep my inbox clean. I thought it’d make a nice tip in case your inbox is flooded as well.

If you’re like me and signed up for newsletters, store ads, or other mailing lists, you may want to separate these emails from your more important ones. I personally think important emails should be sent to the inbox and maybe added to an additional label.

Other things from mailing lists can skip the inbox and be added under their own folder, or “label” as Google calls it.
Read more

Popularity: 2% [?]

A Glimpse at Droid

Half of my day consisted of reading your tweets and reviewing apps and gadgets. It’s been quite productive. :) Pictured above is the Motorola Droid, running on the 2.0.1, and the free Google Maps Navigation service. This service alone is worth getting the phone. The turn-by-turn voice navigation is quite awesome. :) Stay tuned, a full review of the Droid to come soon!
Read more

Popularity: 2% [?]

More Google Wave Invites!

December is finally here. Happy Holidays! I thought I’d start off the month by giving away a few more Google Wave invites! I’ve been giving them away on a first comment, first serve basis, so I thought I’d change it up this time around.

If you would like a Google Wave invite, please answer the questions below. I will send invites to the most creative answers! Hint: longer answers help!

The reason why I do this is 1) I don’t want to give accounts to spammers and 2) I like to get to know my readers and 3) because it’s fun!

Note: Please leave your gmail account in the email field below (or another way for me to contact you!)

1. How are you going to spend your holiday season?
2. What is your favorite book, movie, or song?
3. What is your favorite internet web show?
4. What is your social media tool(s) of choice?
5. What is one thing you know about me?
6. What would you like to know more about me?

Good luck! I will start sending out the invites this weekend, and continue to while supplies last!

Books on Google Wave

• The Complete Guide to Google Wave by Gina Trapani — only $6 eBook
• Google Wave: Up and Running – On sale for $19.79

Popularity: 1% [?]

Google Wave Invites

Update: 11/13/2009, 10am PST – I’m so sorry, but I am out of Google invites at this time. When I get a new batch of invites, I will announce it on Twitter. Please follow @daynah for updates. Thank you for understanding.

Would you like a Google Wave invite? I have some to give out! All you have to do is leave a comment answering these three quick questions:

1. What are your favorite mobile games (games for iPhone, DS Lite, other smartphones, etc.)?
2. What’s something you know about me?
3. What would you use Google Wave for?

Be sure to leave your Gmail address somewhere also – either in the email field or comment — so I can send you the invite! This is on a first comment, first serve basis, so hurry before I run out of invites. ;)

For more tech news, giveaways, and updates, please follow my Twitter account @daynah. Google Wave ya later!

Note: Google Wave accounts are not activated right away. Activation may take up to a few days.

Related Links

• Books on Google Wave
• Tekzilla Explains Google Wave
• My First Look at Google Wave
• What is Google Wave?

Popularity: 3% [?]

Google Voice with Your Existing Number

Now you can use Google Voice with your existing number! Before, in order to use Google Voice, you had to sign up for a new phone number. But with the recent changes, you can now add the Google Voice service to your existing phone number! Read the Google Voice blog for more information about this new service.

Popularity: 2% [?]

Google Chrome Themes

I’ve never really noticed the new Google Chrome Themes until I saw that cute corner fold at the bottom of the page today.

Why stick with this default theme:

Read more

Popularity: 2% [?]

First Look at Google Wave

This is my first look at Google Wave. My account was activated today, and I’m quite thrilled to try it out. I’ll post more as figure out things. For now, this is my first screenshot.

(Bigger Version)

First impression, it looks like an email client, but it’s not. I wanted to change my profile photo, so I clicked on the blank square in the “Contacts” section and it gave me a link to change my photo. This link takes me to my sandbox gmail settings. After more clicking, it takes me to my sandbox Gmail account. It looks like email isn’t integrated into Google Wave interface (yet?) besides having the two accounts linked up.

Read more

Popularity: 23% [?]

Captain’s Log

I opened my Google Calendar today and saw many entries that I didn’t put in! It turns out that I was subscribed to a “STARDATE” calendar. Ahh, Google Trekkies! Google must have added it since I put “Star Trek” in my calendar.

Read more about Captain’s Log at TechCrunch.

Popularity: 10% [?]

Gmail Themes

I love the new themes in Gmail! My favorite one to look at is the Candy theme. But I find reading my emails with it distracting. I’m currently using BubbleGum for my mail. ;) What about you?

You can view the themes by going to Settings and then Themes.

Popularity: 19% [?]

Gmail Video Chat

I finally got the chance to test out Gmail Video Chat today. I wanted to the other day, but the option didn’t appear on my account until earlier this morning.

I first tried to call @evansims, but his speakers were muted, so he didn’t hear! So that’s me waiting by the gTalk for him to pick up.

@davecurlee saw my tweet about testing Gmail Video Chat. So we logged on and played with it.

@resawu also helped me test it out for about a minute! But homework was calling her. ;)

And my college friend, Jimmy, also showed me around his new place via Gmail Video. That was pretty neat.

Video is very clear in the little chat box. If you hover on the top left and click on the arrow, you can maximize the video! Pretty neat. It may be a little pixelated though, depending on your monitor size. Your video on the bottom right side can also be moved around.

It is somewhat of a bandwidth and memory hog, but an amazing addition to the web app nevertheless. I can’t wait to see this implemented into the Google Talk client version.

To install the plugin, go to the Gmail Video Chat.

ps. @davecurlee‘s chihuahua’s name is Leia!

Source: Gmail voice and Video Chat

Popularity: 18% [?]

Gmail New Emoticons

Have you seen the new Emoticons in Gmail? They’re adorable!

To use them, compose a new email and click on the little happy face.

Once you click on that, a whole screen of icons will show up. Click on one to select. Enjoy!

Check out more new “stuff” at Google!

Popularity: 15% [?]

iPhone App Review: Google Earth

Name: Google Earth
Written By: Google
Category: Travel
Price: Free
Size: 8.9 MB
Requirements: iPhone / iPod Touch

Google Earth (iTunes Link) for the iPhone/iPod touch is amazing. You literally have the whole world in your hands!

When you first start up the app, you will see the earth. Tap on it a few times to zoom in. Keep tapping to zoom in even further.

Tilt your phone to adjust your view. This is great if you want to see mountainsides.

You can also search for a location on the top left. Or you can let Google Earth find your exact location by tapping at the icon in the lower left.

There’s just so much more to explore. Have fun playing with it!

Popularity: 16% [?]

iGoogle Layout

Ouu, my iGoogle page looks prettier today. :) I really love the TeaHouse theme.

Popularity: 4% [?]

Google Lively

I’m testing/playing with Google Lively now. It’s fun! Basically it’s a virtual world where you log in with your Google account and chat with people. You can go around exploring different rooms, change your avatar, wardrobe. It’s similar to Second Life, but runs all through a browser. Pretty amazing. Here are some screen shots. Yes I know, I look a little diva-ish! I’ll have to figure out how to customize my character a little more.

Currently, I’m in a computer lab… with no computers. I’m sure they’ll add in more props later! Until then, I’m going to explore this virtual school.

Read more

Popularity: 9% [?]

Google Shell

I love using Goosh, the unofficial Google shell. It brings back the old days of unix shell command lines. Just enter your Google search on the command line and hit enter!

Below you can see that I did a search for “Affinity Zero” and my results are displayed on the screen.

Thanks Emily Chang for finding this tool! And Max Kiesler has a great demo you can watch.

Source: Stefan Grothkopp

Popularity: 13% [?]

Create Surveys using Google Docs

I just learned how to create simple forms in Google Docs & Spreadsheets today.

First, go here to create you own Survey form. Start typing in the title, description, and adding your questions. This step is very intuitive and easy to use. Creating forms have never been this fun!

Next, click on “Next, choose recipients.” You can send the survey to specific people using the “Invite People” box. Or you can put the “Go to live form” link on your website.

Read more

Popularity: 14% [?]

Google Friend Connect

I’m currently learning about Google Friend Connect. It looks like an amazing way of adding social networking to any website with little effort.

Watch Scobleizer’s video from Google Campfire One.

I love how you can log into AOL, Yahoo, Google, etc. to connect to the websites. No need to create another login!

The website is going to live tonight, but invite only. If or when I get an invite, I’ll write more about it. ;)

Sign up for the preview: Google Friend Connect

Sources: TechCrunch, Scobleizer’s Qik Videos, and Google News

Popularity: 23% [?]

Google To Do List

I’m testing out Lab Pixies “To Do List” gadget. It’s cute, but I can’t seem to be able to save my data. Good thing I took a screen shot of it before navigating to another page. Test it out and tell me if it saves to your iGoogle or not.

Anyhow, what’s on your To-Do list for today? ;)

Popularity: 12% [?]

Next Page »