Jasvir Shukla
There’s been a lot of talk lately of extending websites out from the browser (Silverlight, Expression Blend, Adobe AIR) and recently I found about Mozilla Prism. Mozilla is now at the point where they are releasing a new prototype that splits a website out of Firefox and installs it as a separate application on the desktop. (Go to this blog post to find out more, and scroll about halfway down the page to see a screenshot of the menu item in Firefox).
The user experience of this is interesting – it’s a one click operation from the browser with nothing to install, nothing to wait for - it’s just all part of the browser with a desktop icon. If it all works as described, it’s much simpler than other options out there.
This will be an interesting space to watch, and I’m starting to think about how the websites we build today are going to change into much richer applications in the future, where a user can choose how and where they want to run them.
Scott Baldwin
As web development moves towards richer user experiences leveraging JavaScript, Ajax, Flash, CSS, Flex, etc. site visitors (such as people using older browsers or even search engine robots) can end up with a site that is inaccessible. Worth considering in your design and implementation planning is what your pages will look like when these rich elements are enabled and disabled and the pros/cons of page coding techniques such as graceful degradation or progressive enhancement. Afterall, it might just be the difference between a person being able to interact with your content/functionality or a search engine being able to index your site content.
If you’ve never seen progressive enhancement in action, it’s worth a peek at the North Shore Credit Union site.
Inspired by an article on Progressive Enhancement and SEO we identified some problems with how search engines were indexing content on the home page of their site. The page utilizes a content switcher widget which allowed a large amount of content to fit into a smaller visible area. Prior to the change each ‘tab’ of the widget changed to the next on mouseover using JavaScript. Each tab was also setup to work when the user did not have JavaScript enabled by adding a query string to the URL that would show that tabs content (e.g. ?widget=1). While this allowed the widget to work for visitors with and without JavaScript enabled, search engine robots had trouble indexing the site. Some search engines would index the root level page (e.g. /index.jsp) as well as each of the variant pages that were using the query string. This would result in the home page being indexed multiple times and page rank split among those pages — or depending on the search engine robot and its ability to execute javascript — some content not being indexed on the page at all.
After a few mockups and some code changes we eliminated the query strings (and the indexing issues) providing a page that is still accessible to visitors with or without Javascript enabled while also exposing to search engines additional content that can help increase keyword density and organic search relevancy. Check out the changes (home page, product page, product landing page and tabbed content page). You can view the progressive enhancement in action by turning off JavaScript on your browser.
Nick Bouton
Just wanted to post a quick note relaying an excellent blog post I came across yesterday by Alex Iskold of ReadWriteWeb:
Semantic Web Patterns: A Guide to Semantic Technologies
Habañero has already been employing semantic markup such as the hCard and hCalendar microformats for several recent projects, so this is especially relevant to our business.
The addition of semantic information to web documents is an important evolution of how meta-information is both stored and accessed on the web; it’s looming large as a major trend for 2008, especially considering Yahoo!’s recent announcement of support for indexing of semantic markup. Yesterday, Yahoo! Europe pushed out 26.5 million microformats in the hListing classified ad listing format, which is a major step in the process.
In his article, Alex explores much of the hype and fuss behind the semantic web, and how it will be important to everyone in the near future. It’s definitely worth a read.
Mark Bice
If you’re anything like me you just can’t settle for out-of-the-box. I recently bought myself an iPhone while down at the Mix conference in Vegas and have since been busy installing all sorts of apps and themes via installer.app. If you’re already installing 3rd party apps on your own iPhone, you’ve probably seen the SummerBoard extension, which allows you to install custom themes for your phone. Well, we’ve created our own Habanero theme as well.
Just go into installer.app, find and install the SummerBoard app (if you haven’t already). At that point go find the “Habanero” theme under the “Themes (Summeroard)” category. Just select it from the list, click “install” and you’re done!
Kathleen Moynahan
Ever wonder how to get the social media space working for you and your company? Darren and Julie over at Capulet Communications have written an excellent book on accessing this marketing channel. I’ve spun through a couple of chapters and I’ve already learned a few useful things I’d like to try to increase Habañero’s visibility in the blogosphere. In an age where everyone wants a social networking website, it’s refreshing to read how you can tailor your website to take advantage of those networks that already exist.
Getting to First Base
