Posts from Technology

Many make software… but far fewer make it well.

April 30

Our front-end development best practices

Today, we’re releasing our front-end development coding standards and best practices.

This document contains a wealth of information for people doing standards-based development on:

  • Coding Principles
  • Performance Guidelines
  • How to approach performance issues with the client
  • Browser resolutions
  • Browser testing and support
  • SEO and accessibility
  • … and all the tools that we have at our disposal

I hope others can find it useful in determining the best way for your team to approach high-quality front-end work.

April 29

An Introduction to HTML5

HTML5 is the latest version of the language that serves as the foundation of the web. It’s the first major revision in over 10 years and as it’s gotten closer to its final form and more and more browsers begin to implement its features it’s become a source of intense interest and contention in the technology community. This article hopes to explain the realities of HTML5, dispel a couple of myths and shine some light on the future of the web.

To begin we’ll need to define what we’re talking about when we say “HTML5.” There is a specification to refer to and much of what falls under the HTML5 name lives in that spec. In addition, there are several related specifications and APIs that are lumped together and called “HTML5″ when people talk about these things informally.

So, conversationally, HTML5 consists of the following:

New Semantic Elements

HTML5 has introduced several new elements. They aim to introduce more meaning to markup and codify existing web development patterns. Some examples of these new elements are nav (for navigation), article, header and footer.
(more…)

April 7

Hands on With the iPad: First Impressions

Like any diehard tech toy junkie, I have been anxiously awaiting the delivery of my iPad. When it arrived on Saturday I wasn’t sure what to expect. My initial reaction was mixed when I saw Steve Jobs’ demo of the device in January and my perceived list of pros and cons had not changed much in the past few months.

As I opened the box, I expected to see a device that would show me a glimpse of the future, but was probably two or three generations away from being ready for main stream adoption. Now that I have had an opportunity to play with it for three days, I still believe it is two or three generation away from main stream options, but I’ve been pleasantly surprised with version 1. Here is a list of things I like, things I don’t and of course, things I want:

Things I Like:

  • Display is beautiful. Pictures and video jump off the screen. The larger size greatly enhances web browsing
  • Performance – applications open and respond almost instantly
  • Great battery life – Working on the device for 8+ hours a day on a single charge
  • VGA adapter: This is a big deal if I want to leave my laptop at home when I present at conferences
  • Camera USB
  • Ability to lock screen directions

(more…)

April 7

adidas and Isobar Unveil Exciting New Enhancements to adidas miCoach

On Monday, adidas and Isobar unveiled a series of exciting new enhancements to adidas miCoach, the interactive training service that delivers audible coaching while you run. Already one of the most advanced and personal applications on the Web today, miCoach.com incorporates new features and functionality that help runners better manage their training programs, and reflects adidas commitment to listening to the needs of consumers and creating a better experience for their miCoach users.

Key enhancements to miCoach.com include:

  • A robust Routes management tool that enables users to create and edit routes, add ratings and notes to existing routes, and add, move or delete route points.
  • New community tools that provide a forum where runners can share training tips with other runners, get tips and tricks on using miCoach, see upcoming events, access miCoach-related videos and get updates on the latest gear.
  • Custom workout capabilities that enable runners to build their own custom workouts from scratch.
  • A new Achievements section that recognizes key personal milestones, records and overall workout stats, such as fastest mile run, most calories burned, and more.
  • Updated Reminder functionality that enable users to choose when they want to be reminded of workouts and when they’ve been inactive.

The enhanced site also provides adidas with sophisticated content management capabilities that enable each market to showcase featured products, as well as localized content, pricing and store locations to meet the needs of individual markets.

March 30

Microblogging inside the Firewall

Little strings of text are big business – both publicly and inside the corporate firewall. As we all know, Twitter is pretty big – TV and radio ads for major companies mention their Twitter sites and even business cards reference Twitter URLs nowadays. But Twitter cannot be used with internal information, so there’s a lot of collaborative power waiting to be unleashed by microblogging inside the corporate firewall. Consider how much more productive everyday workers could be if they shared a few quick bits of knowledge.

For example, consider this timeline:

Alice: Client loved the sales pitch - we won! #sales
Brion: Vending machine has been re-stocked
Charles: #CSS reminds me of aspect oriented programming #aop
Darleen: Project is progressing according to schedule #project3
Evan: Fellow #project3 members: Is this front end policy useful for us? http://ur1.ca/shyu
Fred: @evan Possibly - let's discuss this with @brion over lunch
Zach: @fred @evan we used those guidelines on #project5 and it worked out well
ITBot: Email server test failed. IT has been contacted.

These examples show that:

  • The barrier to entry is incredibly low (Alice posted immediately after a sales pitch, probably from a plane)
  • Useful business information is exchanged, as well as team-building (Brion provided non-business information about the vending machine that others will likely appreciate)
  • Because discussion is open to a broader audience than email, others participate in unexpected and beneficial ways (see how Zach, who isn’t even on project 3, helped the project 3 team)
  • Bots can publicize information gathered automatically. For example, IT could set up a bot to monitor servers and automatically publish status updates. Bots can also subscribe to RSS feeds bridging wiki and blogs with the microblogging world.

There are many other benefits once metadata is considered.

  • People choose who to follow. If Alice isn’t interested in the state of IT systems, she doesn’t subscribe to the ITBot.
  • Users can mark a message as a favorite. Messages that are favorited many times show up in a “favorites” list, which is a great source of useful information.
  • By clicking on a #project3, Brion can find all posts about his project, providing a powerful search option.
  • Messages may have optionally location data attached. Users can tell if the person they’re talking to is in the same office as they are, on vacation, working from home, at a client office, or at another branch of their company. This data allows users to make fast decisions about how to further communicate (phone, email, or walk).

At Molecular, we wanted to take advantage of what “firewalled” microblogging has to offer, so we evaluated a few private microblogging tools, looking for software that provides a familiar interface, allows customization of the look and feel, and has clients for different devices (like Twitter has). In the end, we chose StatusNet. (In the interest of full disclosure, I’m a contributing developer to the StatusNet project.)

StatusNet LogoThe StatusNet software (which also runs the ~200k user identi.ca site) is Free and Open Source so anyone can feel free to install, evaluate, and use it without worrying about contracts or licensing fees. However, StatusNet, Inc (the company that supports the StatusNet software) offers professional services if you chose to run the software on site, or hosting if you prefer it to be hosted elsewhere. If the “go it yourself” route is selected, installation is pretty straightforward as it runs on the popular LAMP stack and has a vibrant community willing to answer questions.

StatusNet can integrate with LDAP/Active Directory and even some Single Sign On solutions. No worrying about managing accounts as employees come and go, so private information stays private.

The software also supports a variety of clients on a number of platforms, from Windows, Mac, and Linux to iPhones and Androids.

After developing a custom skin, selecting which plugins to enable, and testing with a small group, we officially launched “IsoBuzz” to the entire organization last week. We’re already seeing some interesting conversations. Over time, we hope to see IsoBuzz became a powerful tool for knowledge sharing and collaboration, especially among distant offices and between departments.

Technorati Profile

Browse posts by month

Browse by author

We're always looking for rockstars

Come take a look at careers with Molecular