How to Calibrate Color for the Web

a photo with varying degrees of color adjustment When is orange more like red? Web designers, even picky ones, sometimes ignore color shift across monitors.

How is a web designer to manage color when the screens of their users could be any size or color or could be viewed under any lighting conditions?

Unlike fixing HTML errors, which affect browsers as the page is loaded, getting accurate color is part of the designer’s work process.

Maintaining colors across projects is possible once the problems are understood. Read on for the challenges—and solutions—to getting consistent color on the web.

Can you spot the difference between the photos below?

two slightly different photos

One of the images is slightly more blue than the other. This “color shift,” or overall tint of a particular hue, might go unnoticed by the casual observer. After all, a slight change in hue doesn’t make this any less of a flower or detract from the dewdrop’s detail. It’s a cumulative change.

Over time, maximum-quality JPEG images and 256-color PNG icons eat up precious bandwidth. Complexity in HTML increases the browser’s workload with each page load. Unlike these problems, which add up as visitors browse the website, color management is a problem with the design process. Images created on an uncalibrated monitor become inconsistent over time.

Color shift could go by another name: inattentiveness.

When can we say that a graphic’s color matches the page close enough? At what point is a photo’s color too inaccurate? What details don’t matter to the project as a whole? Everyone may have different answers, but no one who takes digital images seriously can ignore color calibration.

The print industry has struggled with getting accurate color for decades. Ensuring that the exact same colors appear at all stages of production—including in various monitors, office printers and high-end presses—has spawned its own industry of calibration devices, software solutions and even ISO standards.

The web design community generally doesn’t worry about press checks. But maybe it should.

The Web Has Had Color Issues Since It’s Had Color

In the 1990s, getting accurate color on the web meant using a palette of 216 “web-safe” colors. These hues and shades were (mostly) guaranteed not to dither when displayed on monitors that could not handle more than 8-bit color.

illustration of a dithered image

Above is a gradient with and without dithering. Today, the vast majority of computers can show 24-bit color or better (according to these browser display statistics and Google Analytics tracking of websites, including Webdesigner Depot). That is, each pixel can show one of millions of colors, making calibration both complicated and more critical.

The web has long relied on hexidecimal codes, like #F35C23, to define colors. These six-character strings can display a wide variety of hues and values with great precision. An image that has #F35C23 and a CSS background in #F35C23 will match perfectly.

The problem is that the code defines a combination of red, green and blue but does not always result in consistent color. Display screens account for the difference.

White Is White, Except When It Isn’t

Many factors affect color accuracy when creating and editing digital images. As with print, color on the web depends on the environment in which the image is created. Unlike print, web-based images can change every time they’re displayed because the monitors of users will vary, and no press check can catch problems that crop up.

Although many modern web browsers can display CMYK images, most images for the web are based on the additive RGB color model. This model applies a mixture of red, green and blue to each pixel.

But not all monitors are built the same, and so a particular shade of orange could be inconsistent across different screens. Here are some of the causes of color change:

  • Slight changes between manufacturers and models account for slight inaccuracies in shade and hue.
  • Many screens (especially CRT monitors) change color over the years and even as they warm up over the course of a day.
  • Until recently, Mac OS X and Windows used two different “gammas,” which meant that images on Macs appeared brighter than ones on PC. Mac OS X 10.6 (Snow Leopard) uses the more common gamma of 2.2, which is the same as Windows and many televisions and camcorders.
  • People browse the web from many different locations and in many different lighting conditions. The effect of overhead lights and the amount and color of natural light all affect the appearance of color on the screen.

simulated color shift across different displays

Above, different calibration shows that “white” is often an assumed color:

  1. The original image, shot under fluorescent light with a point-and-shoot camera.
  2. Approximate color shift on a Mac before Snow Leopard.
  3. Approximate color shift on an aging CRT monitor.
  4. Close to true color, as seen on the laptop on which the photo was processed. Leer más “How to Calibrate Color for the Web”

iTunes Plugin To Automatically Show Lyrics For Current Playing Song [Mac Only]

A vocalist’s voice is not always clear enough for us to understand exactly what words are being sung. If we like the song enough, we try finding out what is actually being sung by visiting one of numerous websites that host song lyrics. Recently however I discovered a tool that us view lyrics to a song as we played it. This tool was Lyrics Plugin and worked on Windows Media Player and Winamp.


Lyrics Plugin has been a wonderful tool for me and I wanted my Mac-using readers to have access to such a tool as well. I did a little online searching and found exactly what Mac users need: Get Lyrical.

Get Lytical is a free application for Mac systems that works as an iTunes plugin. Sized at only 725KB, users will have the application up and running in no time at all. Leer más “iTunes Plugin To Automatically Show Lyrics For Current Playing Song [Mac Only]”

Mind Mapping–The Fun Side Of Time Management

Do you want to get better results, be more productive, accomplish your goals and be more organized? It’s all about timing… Time management is planning activities effectively.

Mind maps are an excellent tool for managing time and help you use it efficiently in each step of every process. Mind mapping is a powerful method for generating and picturing ideas and activities, brainstorming and organizing thoughts. Using this type of software can help you save time, increase you skills while you are solving a problem, intensify creativity and facilitate your thinking processes.

Seavus DropMind™ is a mind mapping tool for personal development which will help you be more productive at the workplace and in your life. It arranges your thoughts graphically and makes a clear picture of your activities with a variety of colors and relationships, highlighters, images and icons that will – – help you get clarity of thoughts. Seeing your ideas in colors can increase your problem solving skills, leading to more innovative solutions.

Represented by the desktop platform-friendly mind mapping solution and unique online application created with the next generation, most powerful runtime on the web, MS® Silverlight™, Seavus DropMind™ provides its users with full advantage of the logical way of thinking.

Both applications are integrated and synchronized together by merging the best from the desktop and web solution. This allows you to get the latest changes and be updated anytime and anyplace, without losing any information.


Seavus DropMind™ offers a selection of great features and benefits that enhance brainstorming and strategic thinking, accelerate project and process planning and boost productivity.

Organize yourself

Benjamin Franklin said “For Every Minute Spent Organizing, An Hour Is Earned”

With Seavus DropMind™ you have endless possibilities. You will be able to reduce wastage of time and accomplish more. You can organize your project, add and update task information directly within the mind map by using the advanced task management functionality.

3 Leer más “Mind Mapping–The Fun Side Of Time Management” Store & Access Your Music Anywhere With AudioBox Cloud Music Player

by MOin on April 26, 2010

If you are an avid music fan like me, you will surely love the application I have got for you today. Today all music is electronically stores and there is a good chance that all your music collection exists as mp3 files. Mp3 files are portable and can be carried around in flash drives as well as cellphones and mp3 players. But what if you have none of these things with you and only the internet? What if you want to listen to your favorite songs?

Of course you could use an audio streaming website to listen to your song but who knows how long it would take to find your song. A much better alternative is AudioBox.


AudioBox is a free website that provides registered users with 1GB of online storage to host their music audio files. Once our music has been stored into our AudioBox account, we can use any internet-equipped computer to access and listen to our music. We listen and add our music using the in-browser tool and require nothing to download and install. Before we do any of this however, we must first sign up for a free account.

audiobox1 Leer más “ Store & Access Your Music Anywhere With AudioBox Cloud Music Player”

30 Mar A Showcase of Watercolor in Web Design

<!–Categories: –>

Watercolor is such an old school element. Artists have been using watercolor for hundreds of years, and web designers have adopted the style for good reason.

Watercolor is a great way to add depth, interesting subtle textures and colors. It can really give your site an authentic, natural feel.

The examples compiled in this collection use watercolor in different ways; whether it’s for the main graphic of the site or the more subtle and faint hints that get you to look twice.

Watercolor has been around for a century and I know most of you will say it’s a trend, but you can’t argue with something that has pioneered painting and art.


Agami Creative

Agami Creative

Billy Hughes

Billy Hughes



The Croquis


Electric Pulp

Electric Pulp

Happy Cog

Happy Cog

Leer más “30 Mar A Showcase of Watercolor in Web Design”

The Do’s and Don’ts of Dark Web Design

Dark web designs are very popular and can have an elegant and creative appeal.

They are also perfect for many types of client work however, they are not suitable for every website and should be used only when appropriate.

In spite of the striking visual impact that these dark designs can have, many designers don’t know how to effectively pull them off without turning off the visitor.

With a dark design comes less readability, less appeal for most readers and less opportunity for conventional design elements.

In this post, we’ll discuss a few tips to make your next dark website design appeal to a broader audience, while letting you, the designer, express your creativity.

// <![CDATA[//

A recent poll suggests that light designs are preferred by the general web-going audience by a whopping 47%. The main reason is readability. Most people don’t like viewing light text against a dark background on websites because it strains their eyes, making for a much less enjoyable experience.

By contrast, 10% of those surveyed said that they always preferred dark backgrounds for websites, while another 36% said that the best choice would depend on the type of website.

So, what’s the right answer? When it comes down to it, everyone has their own opinion, and that’s that.

But with such a large percentage of users saying that dark website designs are tolerable and sometimes even preferred, we as web designers have to learn how to create effective dark designs for ourselves and our clients.

This means convincing all of the true believers of light backgrounds that dark design can be more readable and user-friendly.

Use More White Space

Or should it be called “black space”? Effective use of white space is important for any type of design, but it is essential for websites with dark backgrounds.

Dark designs have a tendency to feel “heavy”, and cluttering them up can reinforce that feeling. Take a look at some popular dark web designs below, and note their liberal use of white space to great effect.

Black Estate is seen all over the Internet in dark web design showcases. It is indeed a beautiful design and worthy of all the attention. A great deal of white space is used throughout the design, and what makes this particular design unique is how the white space is used to outline certain elements so efficiently.

The logo has a lot of white space around it and is the first thing we see as visitors. We see the main content and bottle on the right next. As you see, white space is used perfectly to highlight the text on the bottle and the headline of the main content.


The featured content in Tictoc and accompanying image in this design are framed with the most white space. As we move down, we see less white space, which makes us pay attention to the content being shown.

The point here is that white space gradually guides the user down to the end of the page.

The dark background adds depth to the design. Because the website relies so heavily on white space, it would be less interesting without the creative effect of the dark background.


The Mark Dearman website has liberal and evenly distributed white space throughout its layout.

The white space framing each portfolio piece provides plenty of breathing room for the content it holds, and it is a nice resting point before moving on to the next piece.

Plenty of white space is essential to dark designs because it aids not only in de-cluttering the layout but in framing important elements and adding elegance to the overall look.


Textual White Space

Because readability is the number one concern of those who dislike dark backgrounds, designers must pay extra close attention to the text itself.

Just as in the overall design, one way to improve readability on dark websites is to increase the white space by adjusting paragraph size, kerning and leading.

The example below shows what a difference the spacing between and around characters makes in comparing dark and light layouts.

Text White Space

Another way to improve readability in dark web designs is to increase the font size. Like most of the other rules in this post, larger font sizes mean more white space. The bigger the letters are, the more white space will appear around and within each letter.

For example, the letter “a” below gets more white space as it gets larger, both in the area around it and in the space inside the a’s enclosure and under the overhang.

Note how reading small text is so much easier on a light background than on a dark one. When setting the typography for a new website, be sure to look at some dummy text to make sure it is legible. If not, see if increasing the text size helps.

Text Size Matters

Text Contrast

Many people would agree that the most poorly conceived dark websites cause eye-strain. Too much or too little contrast is usually the culprit. How does one find the perfect balance?

If you are in a room that is pitch black, suddenly looking directly into light is not pleasant. But looking at a less bright light in a less dark room is just fine. The same principle applies to web design.

Finding the perfect contrast means balancing the darkness of the background with the lightness of the text.

Below is a (very) rough guide that shows how contrast between text and background works. One notices that as the background gets lighter, so does the text.

Finding a pleasant contrast for text is much more difficult with a pure black background.

To find the perfect balance, experiment with different shades. The best result is usually a background that isn’t pure black and text that isn’t pure white.

Text Contrast Leer más “The Do’s and Don’ts of Dark Web Design”

AdFreak: Ad agency is slap-happy about U.K. election


Ever wanted to slap a politician in the face? Well, now you can. A British ad agency came up with a clever way to gauge viewer reaction during the live debates ahead of the May 6 elections in the U.K.. It’s called the Slapometer. The site shows Conservative leader David Cameron, Liberal Democrat Nick Clegg and Prime Minister Gordon Brown—and you can slap any one of them when he says something you disagree with or find stupid. Finally, a constructive outlet for that controversial “Hit the Bitch” functionality! The Slapometer site keeps track of your particular slaps, all slaps today, all slaps ever—and also divides them up by debate. They’re into the tens of millions of slaps already, so I’d have to say Albion London really slapped a nerve with this one.

—Posted by Christine Hall

Reblog this post [with Zemanta]

Thinking small is a big idea

The idea of agencies and companies thinking small is no new notion. People have been saying it for years, including Greg, who’s gong to push the point further in his upcoming book, microMarketing. The problem is, very few have actually been practicing it. At the PSFK Conference in New York last week, Andy Spade and Anthony Sperduti of Partners & Spade gave a “Think Small” presentation highlighting the work they did for J.Crew.

While I’ve been eyeballs-deep in a bunch of little edits to my manuscript, Amadeo Plaza has been thinking about “thinking small” (a key theme from the book actually) and some great think small ideas he gleaned from the PSFK Conference. And so without further adieu, here is a second guest post pulled from Good stuff. Feel free to share the link or drop a comment.

The idea of agencies and companies thinking small is no new notion. People have been saying it for years, including Greg, who’s gong to push the point further in his upcoming book, microMarketing. The problem is, very few have actually been practicing it. At the PSFK Conference in New York last week, Andy Spade and Anthony Sperduti of Partners & Spade gave a “Think Small” presentation highlighting the work they did for J.Crew.

Prefacing their lecture, they shared their passion for film, publishing, and product development, which helped guide the work they did for J.Crew. The brand’s menswear had little equity. Partners & Spade felt that regardless of how they tackled the problem, going in waving the J.Crew banner would make their plan fall flat. It was a big brand that everyone already knew, and expressly didn’t care about. They had to develop a strategy that shrunk J.Crew. Something that made the brand more intimate and approachable. Because, like the partners said on stage, “no one likes big.”

An interior shot of the J.Crew Liquor Store in TriBeCa. Leer más “Thinking small is a big idea”

55 Fresh & High Quality WordPress Themes

By Helmi Asyraf | WordPress

It can be pretty tough call to decide whether to invest in a premium WordPress theme or simply stick with a free one. This could be caused by a common perception we are shared – premium and paid stuff are always better than the free ones. Well, not always, at least that’s what we think.

We beg to differ, and in today’s post we want to show you some really nice WordPress theme that is going to cost you nothing, not even the time to search. All you need to do is scroll. We promise it’s going to be awesome.

Enjoy a total 55 Fresh & High Quality WordPress Themes.

Stunning Press

Features | Demo | Download


Features | Demo | Download

Shopping Press

Features | Demo | Download


Features | Demo | Download

Ice Breaker

Features | Demo | Download


Features | Demo | Download


Features | Demo | Download

Leer más “55 Fresh & High Quality WordPress Themes”

Turn Your WordPress Site to an iPhone App with BlogApper

Posted by WordPress Jedi on Apr 24, 2010 in WordPress Solutions


Bookmark this page on Delicious, save thisbe the first to bookmark this page!

So you have taken the time to create a killer WordPress blog and added super powerful content to your WordPress portal? You are going to have to spend a significant amount of your time to promote your website to get more people to visit your content. One way to do that is by giving your visitors a way to visit your blog on their iPhone. That’s when having an iPhone app just around your WordPress website comes handy. You may ask, “how am I going to afford an iPhone programmer?” With BlogApper, you won’t have to. The service is designed for those of you who don’t have the budget to hire an iPhone programmer and want to create a simple iPhone app around the content on your WordPress portal.

BlogApper is for those of you who own a WordPress blog or want to create an app around an e-book of yours. The process is quite simple. You are going to submit your RSS feed to the system. From there, you have plenty of ways to optimize your iPhone application and give it the look/feel that you feel represents your brand the best.

First things first, you will get a chance to choose the right layout for your app. Whether you want to show thumbnails next to each post or just show your stories plain and simple, this service gives you options.

Leer más “Turn Your WordPress Site to an iPhone App with BlogApper”

Burger King Courts Controversy With Mock Mimosa

– Noreen O’Leary
Burger King‘s test of a non-alcoholic mimosa as part of a new “brunch” menu is drawing concern from child advocates and other watchdog groups.

In select markets in Florida and Massachusetts, BK is advertising the availability of brunch featuring specialty items like a ciabatta breakfast sandwich—and a variation of the traditional brunch drink. In this case, the faux mimosa is a mixture of orange juice and Sprite, instead of the usual O.J. and champagne.

“This normalizes to children at a young age the idea that drinking is fine to do, and something we do everywhere,” said Michele Simon, research and policy director for the Marin Institute, a watchdog group.

Susan Linn, director of Campaign for a Commercial-Free Childhood, said she would have less of a problem if the mimosa contained actual alcohol, because at least then it would be aimed at adults.

“It’s inappropriate for a family restaurant to be serving drinks that mimic the act of consuming alcoholic beverages. It serves as a message to kids that if you want to feel grown up, you should drink alcohol,” she said.

Simon, from the Marin Institute, cited BK’s decision earlier this year to sell beer at a South Beach, Fla., location and wondered if the faux mimosa is another step toward the chain offering alcoholic drinks in the future.

BK provided this statement: “Burger King is always looking for ways to offer innovative, great tasting menu items to our guests at breakfast and the BK Mimosa is no exception. The idea of mimosas and brunch often go hand-in-hand and this non-alcoholic beverage is a unique way to enhance our morning beverage offerings. The entire adult-facing brunch menu is currently in test and as such nothing is finalized. Upon completion, we will evaluate results and move forward as appropriate.”
Leer más “Burger King Courts Controversy With Mock Mimosa”

How to get over the bad boss blues

“My first boss hated me so much that I think I must have killed her mother in a former life,” says Alexandra Levit, syndicated columnist and author of several career books including They Don’t Teach You Corporate in College. “She raked me over the coals…But it’s true in life that we have endings that are not ideal, and just like any relationship, it’s important to get closure in order to put it behind you.”


Man shouting at women.Tips for getting over a bad boss.

The hardest part is moving past the hard feelings and rebuilding your ego. Here’s how.

Working for a toxic boss – the type that bullies you, criticises everything you touch and makes you wish for an invisibility cloak every time she walks past your office – is not a person you can easily forget. Or get over, even weeks or months after you’ve parted ways.

Being subjected to a constant stream of negative feedback takes its toll and grinds you down to the point where you eventually begin to believe: Wow, maybe I really do have zero talent. Maybe a child could do my job better. It’s called buying into the brainwashing.

Cut to the point where you come to your senses. That is, you were fired or you quit. Regardless, the hardest part is moving beyond the experience and rebuilding your ego so you can walk into your next job and not feel like you have a kick-me sign on your back or a deer-in-the-headlights mentality every time you get an email from your new boss.

// “My first boss hated me so much that I think I must have killed her mother in a former life,” says Alexandra Levit, syndicated columnist and author of several career books including They Don’t Teach You Corporate in College. “She raked me over the coals…But it’s true in life that we have endings that are not ideal, and just like any relationship, it’s important to get closure in order to put it behind you.”

In fact, the sooner you can let go of the anger and resentment, the better shape your head will be in, says Mark Goulston, MD, author of Just Listen: Discover the Secret to Getting Through to Absolutely Anyone. “Even if your gripes are legitimate, continuing to blame your boss turns off others and will quickly cause people to lose respect for you,” he says. Not the desired outcome.

So while you can’t ransack your bosses office (tempting) or change the past, you can learn from the ordeal of a toxic boss, points out Harvey Mackay, a business advice columnist and author of We Got Fired!…And It’s The Best Thing That Ever Happened To Us. Begin with an often-used stroke on your keypad: delete. Get rid of any reminders, including old emails and memos.

Don’t let your anger or bitterness get the best of you. Before you leave the job – or soon thereafter – take a moment to send your boss a quick note or email with your new contact information, mentioning also that you hope you can stay in touch. No matter if you never hear back; at least you did your part. Also, take the high road when people ask you about your former boss. Gossiping and bad-mouthing him brings back negative thoughts and doesn’t serve your reputation in the long run, says Mackay. Leer más “How to get over the bad boss blues”

News by Online Media Gazette

Online Ads Are More Effective Than Traditional TV Ads

In a recent report by Dave Kaplan, Nielsen’s senior VP of product leadership, and Beth Uyenco, director of global research at Microsoft, they found that online ads are actually more effective than traditional television ads. It’s a common understanding amongst most that digital ads are often ignored but not all of them are created equally.

For online video ads, we need to take note that most of them can’t be skipped and that’s what makes them on par with traditional television ads. In an evaluation of 238 brands and 412 products in 915 ad executions in streaming full-episode TV programs, they found that online ads have about 65% general recalls compared to 46% for television ads.

On top of that, brand recalls for online ads are also higher; 50% compared to TV’s 28%. Message online recall is 39% compared to TV’s 21%. Likability is at 26% online, compared to TV’s 14%.

online ad vs tv ad

With the rate of popularity amongst online video ads rising, advertisers are sure to capitalize this market as they strive to increase their digital revenues. However, the fact remains that viewers are able to skip the same commercials on television that they’re being forced to watch online. This means that they would rather be avoiding the ads they’re currently interacting with.

Surely brands will try to capitalize on this fact and try to squeeze as much money as possible through forced commercials in digital videos. But how far they can sustain this remains to be seen.


Infographic: Timeline Of Location Technology

Shane Snow has done it again; this time he has come out with an infographic for the history of location technology. The rapid rise of location-based networks such as Foursquare, Gowalla and possibly even Facebook, would appear that location technology is of something new. However, we humans have been using ingenious ways to locate each other for thousands of years already.

With the infographic, we can see details of the history of location-based technology, from the most primitive to the most advanced.



HOW TO: Add Facebook ‘Like’ Widget Plugin On Your Site

Image representing Facebook Connect as depicte...
Image via CrunchBase

Recently, Facebook announced that they’ll replace the ‘Facebook Connect’ feature with their preferred ‘like’ functionality feature. This update is the latest amongst a slew of them in the past couple of months. Over the next few months, Facebook will roll out a Digg-like function to dozens of news and entertainment websites. You’ll be able to flag – or “like” – content you enjoy; that content will then appear in your status feed.

In addition, your “like” – along with your profile photo – will appear on the page you flagged, for all your friends to see. As Facebook is quick to point out, users can choose to opt out of the functionality.

What does that actually mean for content developers? Well for one, it is a new way of spreading their content over the web through the ‘like’ button on their site. Coincidentally, AJ Batac from AllanJosephBatac has provided us with a link to download the plugin.

facebook like

The plugin looks exactly like the screenshot above on my site. In order to get this installed on your WordPress blog, download the plugin here.

Installation Instructions

1. Download the Facebook “Like” Button Widget Plugin

2. Go to your site’s control panel (usually /wp-admin behind your site’s URL)

3. Under ‘Plugins’, click ‘Add New’

4. Click the ‘Upload’ tab and proceed to upload the Zip file you’ve downloaded under Step 1

5. Activate the plugin and you’re done

It was also noted that AJ Batac has given the widget a style ID so you can target it in CSS. The id is “facebook_like”. In the meantime, do share with us your feedback on the plugin.


Reblog this post [with Zemanta]

Wallpaper: Ant Colonies and Social Networks

Author Christian
Back with another Capabilities themed post. This time I got antsy.

For the second installment in this series, I’d like to share my thought process behind the Capabilities slide of Social Media Marketing. Social Media has transformed the way we communicate. It’s one of the most effective methods of efficiently reaching your online audience. It goes way beyond just strategically placing ads or creating social network accounts for general exposure. Today’s social media has taken us from “show and tell” marketing to infusing brands, lifestyles, and consumer products directly into the fabric of our daily lives and community interactions.

When this topic was delivered to me I instantly visualized a social connection that occurs naturally. Few networks are as flawlessly connected as the small but intricate as the typical ant colony. Just as the digital landscape usually does, ants create networks for the betterment and expansion of the community. As they expand their community reach, they also collect and incorporate resources of interest that can assist with the growth of the community. Efficient little buggers, they are… Leer más “Wallpaper: Ant Colonies and Social Networks”

Facebook Is Doing What?!

“The power of the open graph is that it helps to create a smarter, personalized web that gets better with every action taken.”

Author Lindsay
This week at the F8 Developer Conference, Facebook publicly confirmed its plans for world domination.

Amidst more mundane semantic announcements, such as doing away with becoming a “fan” of a brand and replacing it with “liking” brands, Facebook dropped a bomb shell on the internet unveiling a web experience catered around your likes.

Hello Open Graph

Facebook’s latest innovation is the Open Graph platform.  Like Facebook Connect on steroids, Open Graph will transform the anonymous web into a deeply personalized experience. The service will allow publishers to share information about users in order to serve bespoke features, promos, and functionality to the tune of their individual interests regardless of whether or not they’ve visited the site before. As Facebook Founder Mark Zuckerberg puts it:

“The power of the open graph is that it helps to create a smarter, personalized web that gets better with every action taken.”

Say I visit The New York Times, I will immediately be served content specifically tailored to my interests; maybe a call-out to a photographer’s autobiography on the Nonfiction Best Sellers List, the latest breaking headlines about the tech industry, and a gallery of the new Free People line featured in the Fashion & Style Section (Whoa, how do they know about my shopping addiction too!?).

Taking it a step further, Open Graph will make our web browsing experience more social too – bringing insight from my social graph. On review sites like Yelp, I’ll see results from friends rather than strangers.

CNN, Pandora, and Mashable are already actively participating and a few bloggers point out their mixed opinions here and here.

A little too creepy for you? Let’s hope Facebook lays out some clear opt out options. As Mashable’s Christian Warren puts it, “Privacy will become the user’s responsibility.”

The Advertiser’s Jackpot?

Search behavior and click-through stats are valuable, but what Facebook is sitting on is the jackpot – access to purchase behavior, relationships, likes, comments, updates and sharing  (via micro-interactions), and soon enough, location. Brands and advertisers that understand and adopt the next generation of behavioral targeting will be able to seamlessly integrate into the lives of consumers like never before. It’s like a representative from Fiji Water handing me an ice cold water bottle after I just walked in from a grueling bike ride without even having to search or think. Now that’s precise!

In other announcements:

  • Say good bye to Facebook Connect! With the adoption of Open Graph, the identifiable Facebook Connect API will be of no need. For nearly two years, Facebook Connect has been the way to share your social graph with third-party websites.
  • Announcing Face… Docs !? And if all that wasn’t bad enough news for Google this week, Facebook and Microsoft have partnered to launch, essentially a WebSuite of the beloved Office Suite.

Reblog this post [with Zemanta]