Archive for April, 2010

File Under: CSS, Fonts, UI/UX, Visual Design
Apr
26
2010

Google Chrome to Support the Web Open Font Format

By

Google’s Chrome browser plans to jump on the Web Open Font Format bandwagon. A note in the Chromium project’s bug tracker says that “it appears that we have decided to implement WOFF in Chromium.” Work on adding WOFF support to Chromium is already underway, though there’s no timetable for when the new features will make it into a shipping version of Google Chrome.

The WOFF was conceived by Mozilla as an easier way for web designers to include fonts in their designs. The idea is to let web authors include WOFF fonts in their page designs by linking to the font files in their code the same way they link to images and other downloadable files.

WOFF attempts to address some of the problems with CSS 3′s @font-face rule, which allows for downloadable fonts, but says nothing about the format of the fonts. As we’ve noted before, using @font-face can lead to radically different results in different browsers. Last year popular website Boing Boing launched a redesign using CSS3’s @font-face rule, but ran into problems when things didn’t render correctly on older machines.

Another concern is page load times. Because WOFF has built-in compression, adding extra WOFF fonts to your pages shouldn’t slow them down as much as a traditional OpenType or TrueType font file.

Since WOFF support was added to Firefox (in version 3.6), Opera and Microsoft have both pledged their support and the format has been submitted to the W3C for consideration as a standard.

The IE9 beta doesn’t yet support WOFF, but Microsoft is an official sponsor of the W3C proposal and the IEBlog has written about WOFF so we hope to see WOFF support before IE9 is finished.

With Google Chrome onboard, Apple’s Safari may soon be the only currently shipping browser without WOFF support.

Perhaps even more important than browser support is the fact that font foundries are getting behind the new spec. WOFF fonts aren’t secure, so the format won’t be used by foundries wanting to regulate the use of their work. However, over 30 major type foundries — including Adobe, House Industries, Hoefler & Frere-Jones and ITC, LinoType — are already endorsing the format.

While WOFF doesn’t solve all the problems of web fonts, it’s a huge step in the right direction. With Firefox, Opera, IE and now Chrome all supporting WOFF, designers may soon be able to add just about any font to any webpage.

If you’d like to know more about WOFF, plus see examples of its use, head over to the original announcement on the Mozilla Hacks blog.

See Also:

File Under: Events, Social, Web Standards
Apr
21
2010

Facebook Adopts Open Standard for User Logins

By

Oauth logo

SAN FRANCISCO — As we predicted, Facebook is switching to an open standard to handle user authentication across its entire platform of connected websites and applications.

Facebook is ditching its proprietary Facebook Connect system, which lets people use their Facebook username and password to log in to other sites around the web. In its place, the company will implement OAuth 2.0, an open source (and soon to be IETF standard) protocol for user authentication.

Viewed along side the barrage of other major announcements unleashed by Facebook at its F8 developer conference here on Wednesday, the move may only seem like a minor data point. But it is one with the potential to make a broad and deeply significant impact on the social web.

Right now, users expect three choices for logging in to a site with an existing ID: Facebook Connect, Twitter or OpenID. That forces publishers to implement three separate systems — one for OpenID, one for Twitter, which uses OAuth, and one for Facebook, which uses Facebook Connect. But once OAuth 2.0 is up to speed and more sites move over to it, things get simpler for site owners.

Where there used to be three options — Facebook Connect, OAuth and OpenID — there will now only be two. And the two that are left are both open source.

There are still details involving token management, auto-registration and other bits of complex backend plumbing to be sorted out, that Wednesday’s events don’t change.

But the move towards OAuth is a step towards interoperability the social web sorely needs. Most importantly, it will be easier to build pathways connecting OAuth and OpenID, since both are fully transparent, open standards and the proprietary Facebook Connect system has been removed from the equation. The switch paves the way for further integrations between existing technologies.
Continue Reading “Facebook Adopts Open Standard for User Logins” »

Tags: , , ,
File Under: APIs, Events, Social
Apr
21
2010

Adding Facebook ‘Like’ Buttons to Your Site Is Damn Easy

By

Like this? Yes, "Like" this.

I want to offer a quick look inside the technology behind Facebook’s Open Graph initiative to show how easy it is to mark up your website and let Facebook users interact with it.

This is only a part of the broad Open Graph strategy the company announced at its 2010 F8 developer conference. (Read our full coverage of the keynote).

Basically, Facebook is offering up a set of widgets — it calls them Social Plug-ins — that you can drop into any web page to make that page more “Facebooky.” There’s a Like button, a Recommendations widget that shows what other pages people’s friends are reading, an Activity Stream widget that shows a simplified version of the visitor’s personal Facebook news feed, and a Facebook Bar, a toolbar site owners can float at the bottom of the screen that serves all of these things at once.

Using the Open Graph widgets, you can incorporate some of Facebook’s key social interaction features into any page on the web.

The most important Social Plug-in, and the one we’ll no doubt see the most use of, is the Like button. Put it on your page, and if a Facebook user visits your site and clicks on it, a link to your page gets added to their activity stream. Suddenly, all of their friends can see that link, click on it and be led directly to your page. When that second person arrives, the Like button is personalized for them — it shows which of their friends have already clicked it, and when they click on it, a link to your page gets added to their stream.

Continue Reading “Adding Facebook ‘Like’ Buttons to Your Site Is Damn Easy” »

Tags: , ,
File Under: Browsers, Multimedia
Apr
21
2010

Firefox Quarantines Video Plug-ins to Stop Browser Crashes

By

Mozilla has announced a new beta of Firefox 3.6.4, an incremental update which adds one significant new feature to Firefox 3.6 — Flash and other plug-ins now run in separate processes. That means if Flash crashes, it won’t cause the entire browser to crash with it.

To give the new beta a try, head on over to the Firefox downloads page. If you’ve subscribed the beta channel in the past you’ll automatically get the update, or you can force Firefox to update using the “Check for Updates” menu item. For now, the isolated processes feature is only available in the Windows and Linux versions of Firefox. A Mac version will be available soon.

With the new “out of process plug-ins,” or OOPP as this feature is known, when a plug-in like Flash crashes, users will simply see a sad face where the Flash content should be. Reloading the page will restart Flash and try loading the file again.

Firefox’s new isolated processes feature is similar to what Google Chrome already does and will significantly improve Firefox’s overall stability since plug-ins can no longer bring down the whole browser.

For the beta, only the Flash, Silverlight and Java plug-ins are included, though you can try isolating others (for example, the Adobe Acrobat plug-in) by visiting the about:config settings and adding them to the list. Just be aware that there’s a reason only the primary three plugins are supported right now, adding others may cause Firefox to crash.

While Firefox 3.6.4 is just an incremental update it’s the first time Mozilla has delivered on its new strategy of pushing out features when they’re ready, rather than waiting for the next major release. You can thank Google Chrome and its constant updates for pushing Mozilla to adopt roughly the same policy.

To give the new features a try, head over to the download page and grab a copy of Firefox 3.6.4 beta. Remember, the isolated processes feature is only available in the Windows and Linux versions. A Mac version will be available soon.

See Also:

Tags: , ,
File Under: Multimedia, Software
Apr
21
2010

Adobe Revamps Flash Player for Netbooks, P2P, Private Browsing

By

Adobe has released the first beta for Flash 10.1, the next major milestone for the Flash Player plugin.

Flash 10.1 is an important update not just for its enhanced speed and new features, but also for Adobe to show that there is in fact still a place for Flash on the web.

Flash’s ubiquity as the solution for web video and animations has been challenged recently; first by HTML5, which gives developers a standardized way to embed audio, video and animation without resorting to Flash, and also by Apple’s decision to ban Flash from its iPhone/iPad platform.

While we expect HTML5 to slowly but surely replace Flash for common tasks like web audio and video, the plugin still offers many features HTML5 doesn’t and Flash 10.1 builds on those strengths with several new features.

The two most interesting features for web developers are the new priority tag in the Flash HTML embed code and the peer-assisted networking features.

The priority tag is especially helpful for speeding up page load times on netbooks and mobile devices since it allows developers to lower the priority of a Flash movie. Set the priority tag to something low and your Flash movie won’t try to load until the rest of the page is already finished. That means faster page load times and no waiting around for large Flash movies before you see the surrounding content.

The peer-assisted networking builds on Flash’s existing P2P capabilities to offer peer-based streaming media — think BitTorrent in your Flash player. However, don’t look for Flash-based torrent clients, what’s more likely are browser-based VOIP apps, better chat features in Flash games, improved conferencing applications and possibly even P2P radio streaming.

Other new features available in Flash 10.1 include support for the host browser’s “private browsing” mode (Flash won’t accept cookies or other local objects when you’re in “private” mode), a new accelerometer class (don’t even think about using it for the iPhone), hardware video decoding, much better performance and more.

For full details on everything that’s new, be sure to check out the release notes.

For now Flash 10.1 is a beta release, so it’s a bit soon to start using the new features in the wild. But if you’d like to test them out, head over to the Adobe Labs download page and grab a copy (be sure to use the uninstaller to delete your existing Flash Player before you install the new version). The updated Flash for Mobile client will reportedly be arriving later in 2010.

See Also:

Tags: , , ,
« OLDER POSTS