Facebook announced their new Timeline earlier this morning and it looks beautiful! It’s definitely a new way of expressing yourself. Profile pages will now have some more personality! The feature won’t be available for everyone until later this month, but if you’re too anxious to try it out, follow these steps on TechCrunch to turn on your Timeline profile.

If you already have a developer account, you can skip steps 4 and 5. Instead, go into one of your apps and head straight to “Get started with Open Graph” section. Enjoy!

P.S. Are we connected via Facebook yet? Subscribe to me at http://fb.com/daynah

I’m so excited about attending Google I/O 2011! Getting tickets to the attend the conference was difficult this year, so I’m grateful that I have the opportunity to go. I can’t tell you how many times I hit refresh in my browser, hoping my registration went through!

I’ll be attending most of the Chrome sessions at the conference. I’m interested in seeing how HTML 5 is being used and the direction this new version of HTML will take the web. I’m also curious about what Google’s going to announce at their keynotes. These will be streamed, so you can follow along online!

I won’t be live blogging, but I will be live-Tweeting! So please follow @daynah for my updates and live coverage of the conference. I’ll be posting plenty of geeky goodies and photos.

Ever wanted a way to catalog your favorite things? Whether it be books, movies, inspirational pieces, fashion, or your precious hobbies, Pinterest may just be what you’re looking for! Catalog all the things you love in a beautiful and visual way.

You’ll love this new site call Pinterest! Read more about it on WebBeat.TV

Follow me on Pinterest.

Get $3 in MP3s from Amazon

More Deals:

• Black Friday Deals in Movies and TV
• Black Friday Deals
• Harry Potter Years 1-6 Giftset [Blu-ray]

Download: Brushes for the iPhone ($4.99) | Brushes for the iPad ($7.99)

Davidkassan.com – A quick Apple ipad live fingerpainting demo that I streamed live from my Brooklyn studio on Monday June 21st. 2010, The model sat for 3 hours as I painted and answered questions on how I use the iPad and the Brushes app. Just thinking of creative uses for the iPad. (YouTube)

• Combining Photos and Vectors in Photoshop
  Thursday, July 8, 2010 at 10 PT
  Audience: Designers
  Learn how to easily combine illustrations with photography in this super creative session. Glean the secret to importing vectors into your document so you can experiment with them as backgrounds, artful embellishments, ornamental photo frames, and more — all without losing an ounce of quality. You’ll also learn how to use Photoshop’s vector Shape tools to create resizable and featherable masks in no time flat!
• Five Ways the iPad Can Entertain You
  Friday, July 9, 2010 at 10 PT
  Audience: iPad owners or potential iPad owners
  In this live, one-hour webcast, bestselling author J.D. Biersdorfer will guide us through the most entertaining apps on the iPad.
• 5 jQuery mistakes you’re probably making in your project
  Tuesday, July 13, 2010 at 10 PT
  Audience: Developers
  The ease and simplicity of jQuery’s API can be attributed to its success and shortcomings as new developers tackle larger and more complex tasks. Join us for this session as we walk through The Top 5 Mistakes jQuery Developers Can Make. We’ll look at lower level syntax issues up through architectural decisions with jQuery. This session will discuss selector performance, iterating with jQuery, event binding strategies, Ajax handling techniques and jQuery on public CDN’s for applications large and small. Gain a greater understanding of these core concepts and where developers can go wrong.
• TechTrends: ALA Annual 2010
  Tuesday, July 13, 11:30am PT
  Audience: Librarians
  Features an expert panel who’ll provide a look back at ALA Annual Conference from a library technology perspective. Our panel will analyze and discuss what they learned and what trends stood out at the conference.
• UCCSC 2010: No Limits!
  July 19 – 20
  Audience: People in IT, usually in the UC System
  This year, UCLA presents a unique hybrid of a live conference and a virtual conference. You can attend from anywhere, even your own office on your own campus, if you wish. There’s no registration limit. And you can attend as much or as little of the conference as you want. Those features brought us to the theme of No Limits.

If you find more, feel free to add them in the comments and I’ll update the post!

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.

Another Google I/O has come and gone, and I had a fabulous and geeky time there. The great thing about Google I/O is that it’s geared toward developers, so the sessions are usually code-based or overviews of new APIs and developments over in Google HQ.

Of all the things I learned about this year at the conference, the most exciting was learning what direction HTML 5 is heading in. Last year, I learned about the new <video> and <canvas> tags, but there’s so much more now.

This year’s conference was much bigger than the previous years. The conference sold out quickly with 5000 attendees. There were sessions going on in every room on the second floor of Moscone West Hall. I was most impressed with the bigger Developer’s Sandbox. It was 4 or 5 times bigger than last year’s. It was great talking to companies and developers who are already implementing Google products into their products.

Although I was drained from attending all the sessions, I didn’t want to miss the Google After Party. It’s actually a very geeky event with food and robots! The MakerFaire was in town and they had some amazing displays, robots, and man-powered machines all over the party.. definitely something you don’t want to miss while at the conference.

There was a lot of fun and excitement at this year’s Google I/O. There were many amazing announcements as well, including the Web-M project (standard video codec), new features in Android Froyo including support of Flash, Google TV, and our fabulous gifts for attending — the Sprint HTC Evo 4g — a gorgeous smartphone running Android!

Below is a summary of all the sessions I attended. For more information on each session, please follow the links to the Google Waves. The official YouTube videos will be coming soon. For more information about the conference, see the official Google I/O 2010 website.

• Bringing Google to your Site
• Beyond Design: Creating positive User Experiences
• Developing with HTML 5
• Ignite Google I/O
• Google Analytics APIs: End to end
• Surf the Steam: Google Buzz, Location, and Social Gaming
• SEO Site Advice from the Experts
• Optimize every bit of your site serving and web pages with Page Speed
• HTML 5 Status Update

Summary of each Session

Bringing Google to your Site – In this session, we got many different examples on how we can add Google to our websites. Some examples were using custom searches (now with auto-completion), Google Feed API, Adsense with AJAX (new), SideWiki, Buzz API and Google Font API.

Beyond Design: Creating positive User Experiences – In this session, I learned that there are 7 principles for creating positive user experiences: 1) Be fast 2) Be yourself 3) Engage in conversations 4) Be willing to give up control 5) Be polite 6) Be prepared for failure 7) Be reliable. Examples of these principles were also talked about.

Developing with HTML 5 – This session was great since the presentation itself was written in all HTML 5 tags and coding. If you flip through the presentation, you can try out the bleeding edge features available for browsers in the near future. Some new HTML 5-specific tags and features are offline data storage, JS APIs, <head>, <hgroup>, <nav>, <section>, <article>, <aside>, <footer>, new form field types, <audio>, <video>, <canvas>, new CSS selectors and font support, transitions, and so much more. Run the presentation in a Chrome browser to see what lies ahead.

Ignite Google I/O – This session was a lot of fun. Ignite sessions capture geek cultures in a series of 5-minute speedy presentations. Each speaker gets 20 slides that auto-advances after 15 seconds. Topics were of various topics, from surviving the North Atlantic ocean and breaking world records, to our habits of searching on the internet, to playing battleships in a pond. It was very entertaining and super geeky.. and is best if you see the videos once they’re up.

Google Analytics APIs: End to end – This session was given by a UCR Alumni, Nick Mihailovski! This session demonstrated advance techniques of tracking statistics on your website using the Google Analytics API. For more information, see “What is Google Analytics”

Surf the Steam: Google Buzz, Location, and Social Gaming was not my favorite session since they spent a few minutes talking about the new Buzz Api, and then started stepping through code on how to implement the BuzzBingo game. The one thing I learned from this session was that there’s a new Buzz API — great if you want to create a social game!

SEO Site Advice from the Experts was an excellent session. It was a panel of SEO experts who went through a list of submitted sites and let us know what the site is doing right and wrong about SEO. They talked about how important it was to use text on your webpages, how meta keywords aren’t indexed by Google because people inflate them, branding techniques starting with the domain name, content needing to be above the fold, page ranks, 301 redirects, and much more.

Optimize every bit of your site serving and web pages with Page Speed – In this session, I learned about a new project called Page Speed. It’s an open-source Firefox/Firebug Add-on. Developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them. Showslow.com is a demo website that shows the speed of websites. For more information, see Page Speed.

HTML 5 Status Update – In this session, the Chrome team went over new features in HTML 5 we should keep an eye out for. Their demo of the new Gmail was fun and quite intuitive. Drag and drop attachments as if it was a desktop app. New areas in HTML 5 include Offline storage, Media, Networking, CSS3, and Platform Integration (drag and drop, notifications, geolocation).