Jim Barraud web designer

Instagram

Over the past few months I’ve been obsessed with a little app called Instagram. It’s an app for the iPhone that lets you take square format photos, apply a filter, then post to multiple services such as Facebook, Flickr, Twitter and others. You may seen the links to Instagram photos in your Facebook or Twitter stream, but Instagram is more than a “make your photos pretty and post to various services” app. It’s a community.

Within the app you can follow other users, comment or “like” their photos and discover other photographers via the popular feed or hashtags. Companies such as NPR and Starbucks have begun to utilize Instagram to disseminate news or post casual photos of company life.

As of now there isn’t web presence for Instagram users aside from the photos they decide to post to various services. The main Instagram experience is contained within the iPhone app, which makes it’s current 2 million user population all the more impressive. I expect that number to grow now that developers have access to the Instagram API and they start integrating it into their own apps and services.

I’ve posted a sample of my favorite Instagram shots above. You can find me on Instagram under the username “jim”.

Safari 4 Beta – Initial Impressions

Yesterday Apple released the public beta for Safari 4, their latest and greatest web browser. I’ve always been a Safari fan. It’s always seemed faster then the other browsers and has lead the way in implementing new standards and experimental features. And Safari 4 builds on that, while taking a couple missteps. Let’s take a look at some of the pros and cons.

Pros

  • Speed. Safari 4 is significantly faster than any currently shipping browser and it’s very noticeable upon use. I say shipping because the current nightly builds of Firefox appear to be on par in terms of performance.
  • Coverflow History. I’ve usually found browser history to pretty much useless unless you know the exact time your were looking at a particular site. Being able to scan through your history as a series screenshots is awesome and makes using the browser history much more usable.
  • Topsites. While not particularly ground breaking (this was introduced with Google Chrome, topsites is a nice to have feature that will display your most visited sites as your homepage and notify you if they’ve changed.
  • New Web Developer Tools. I haven’t had the time to fully try out the new web developer tools, but from my quick poking around I can tell they’re vastly improved over the previous version. Time will tell if they give Firebug any kind of run for it’s money.
  • New Web Technology Support. I’m itching to try out some of the new standards (non-standards) support for upcoming web technologies they’ve added.

Cons

  • Tabs at the top. Placing the tabs at the top of the window is an interesting choice, but I feel it’s done purely because google did it with Chrome. I don’t have so much an issue with the tabs at the top as much as I do with how they’re implemented. Now that the tabs are at the top in the window title bar, you can’t just drag anywhere on the tab to move it around. Doing that moves the window. You need to click and drag on the designated area on the far right of the tab to move it. You can also no longer double click anywhere on the tab bar to create a new tab, you need to click the designated button to do so. And visually having the tabs break up the title bar is a little jarring, especially when you have other windows layered on top of them as in the following image.

Finder Tabs

Overall I’m pretty impressed with the new Safari beta. And it is just that, a beta. I have noticed a couple bugs here and there, but no show stoppers. Like I said, my only real complaint is the new tabs, I’m just not digging them. Luckily there are a couple of hidden Safari preferences, one of which that allows you to revert back to the old tab style.

On twitter (my new favorite gauge of public opinion) I’ve noticed that the general reaction to the tabs has either been met with absolute dislike or the “going to try and get used to it” attitude. Along with a smattering of people who really like it. It will be interesting to see how Apple responds in further betas or in the final product.

Gmail Themes

I’m a big fan of Gmail but have never been a big fan of the design. My opinion my be changing with the release of Gmail Themes. It hasn’t been added to my account yet, but I’m checking regularly.

Is Your Username Taken?

My friend and colleague Jon Sykes recently launched his latest side-project usernamecheck.com. It’s a service for checking a slew of social networks to see if the username you regularly use is taken or not. Actually, you may have heard of it since it’s been getting a ton of press lately. It’s been mentioned by swissmiss, Lifehacker and CNET. Turns out a lot of people like keeping tabs on their brand and identity when it comes to social networks. Companies like Coca-Cola could appreciate something like this.

Mr. Sykes has recruited me to help out with the UI and design of the site. So look for updates to usernamecheck.com in the coming weeks (or days).

Google Chrome : The Fabled Google OS?

Yesterday Google formally announced it’s long rumored browser, Google Chrome. The rumor that Google has been working on it’s own internet browser has been around for quite a while, but it’s mostly been based on Google’s relationship with Mozilla. It’s been thought that the fabled Google Browser would either be based of the Gecko engine or a retooled and rebranded version Firefox. But it turns out neither was correct.

Google Chrome was built from the ground up to handle the hefty demands of today’s web applications. Some of it was built in-house, other parts based on current open source software. The rendering engine is based on Apple’s Webkit. The same rendering engine that’s used in Apple’s Safari web browser as well as the browser used in Google upcoming mobile Android OS.

One of the biggest selling points of the browser is how it works under the hood. Each tab in Google Chrome runs it’s own process. Meaning if there’s a bug encountered in one tab, it won’t crash your entire browser and all the other tabs you may have open. Which is essential in this day and age with increased usage of web based apps. Other browser manufacturers have gotten around this issue by remembering which tabs were open when your browser crashed, then reloading them all when you relaunched your browser.

Another rumor that’s been around for quite some time is the Google OS. That Google is developing it’s own operating system to compete with Windows and OSX. While they have created their own open source mobile OS with Android, I’ve never pictured them creating their own PC based OS.

My theory is that Google Chrome is the Google OS. With the majority of Google’s applications being internet based, it makes a certain kind of sense that it’s “OS” would be a browser. A browser they can optimize to make the user experience of their applications more enjoyable as well engineer to be more secure and stable then other browsers on the market. And while they’re at it, make it open source. Allowing other browser manufactures to learn from and improve on Google’s advances, making the internet experience as whole more rewarding while integrating standards Google is promoting or has developed. As development progresses I would imagine Google will be tying it’s properties in even more into Google Chrome. Built in Gmail and Google Calendar services, native support for Google Gadgets, and integration with Google Docs.

You can read more about Google Chrome in this online comic Google put together. Google Chrome will be available later today in Beta for Windows only, with OSX and Linux versions coming soon.

Update: The beta (Windows only) of Google Chrome is now available.

Twitter Reminders

I’m always excited when I find a solution to a problem that works within my existing workflow. For example, I’ll be attending the Nine Inch Nails show at the IZOD center tomorrow night and I need to remember to bring the tickets. Because for one I’ll be leaving from work so I need to grab them first thing in the morning and two, my memory is crap. I’ve tried various reminder services in the past, but since they don’t fit into my existing workflow I always forget to use them. Ironic, I know.

Since I’m an avid Twitter user and Twitter is a notifcation/messaging service, I thought it would be great if I could tell Twitter to send me a reminder at a particular time to remember the tickets. A quick Google search later and I discover timer. A Twitter bot that serves this exact purpose. Add timer to your following list and send it a direct message with the minute count of when you’d like to be notified and the message you’d like to receive in the following format “d timer 30 Remind me about that thing”. You’ll then be reminded of that thing in 30 minutes via a direct message.

This really shines if you setup Twitter to notify of direct messages via SMS. This allows you to both set and receive reminders from anywhere via your cell.

One downside is you need to set your reminder time via minutes. So if you want to be reminded the next day at a particular time you need to figure out how many minutes that is. It would be great if you could set the units of time. For example, if you wanted to be reminded in two days of an event it would be cool if you could format it as “d timer 2d Do that thing you need to do”.

Other downsides revolve around the fact that this is done through Twitter (which as I’ve said is also the advantage). And Twitter is known for having it’s share of outages. So if Twitter is down, so are your reminders. There’s also no way to edit existing reminders or view the reminders you’ve set. But for me those are minor gripes.

Safarify Your Firefox

One of the touted new features of Firefox 3 is a more native look within your operating system of choice. I’m a Mac guy, so lets focus there. The new Mac theme is called Firelight. While it is a huge improvement over the Firefox 2 default theme, it still falls short of feeling like a native Mac app. It feels more like a Windows app pretending to be a Mac app. Gray gradients do not in itself make a Mac interface. While well known Apple pundits have given excellent Safari vs. Firefox comparisons, I figured I’d take a slightly different approach.

I’ve been a Safari fan for a while. I love it’s simple interface and think the webkit rendering engine is top-notch. But most of my day-to-day work involves working on web applications that are predominantly internal facing. And the ones I work on usually don’t have official support for Safari (as much as would love it they did). While Safari’s web development debug tools have made great strides, they still don’t compare to Firebug. That being said, my default browser for the past year or so has been Safari. Firefox 2 was just far to buggy to be considered any more than a development browser. Normal browsing and “getting things done” tasks were left to Safari. Firefox 3 on the other hand has made tremendous leaps over Firefox 2. I’ve been using it since beta 2 and while I still run into the occasional bug, I run into them far less often (days to weeks apart as opposed to hours). Now that Firefox 3 is officially released, I’ve made it my default browser (we’ll see how long that last though).

Default Firefox 3 Theme

Now that I’ve made Firefox 3 my default browser, how do I get around the not so native feeling of the Firefox 3 interface? Turns out there’s a wealth of options to paint your brand spanking new Firefox 3 with a coat of Safari. Lets check them out.

  • GrApple
    This is the foundation to your Firefox Safarification. GrApple if a Firefox theme by Aronnax that pretty much mimics Safari in any way possible. You have two flavors to choose from, Yummy or Delicious. The difference between the two are the placement of the tabs in the tab bar. If your going for authentic Safari, you want Yummy.
  • Fission
    One of the nicest safari features is the integrated loading bar into the address bar. Fission is a plugin that adds this useful feature to Firefox. You have the options of changing the color of the loading bar or adding a custom image, but the GrApple theme takes this into account adds that for you.
  • Stop or Reload Button
    The stop and reload buttons are combined into one button in Safari. This cleans up and simplifies the toolbar a bit (or adds room for even more buttons depending on your taste). Use the Stop-or-Reload Button extension to combine these buttons in Firefox.
  • firefox-mac-pdf
    One of my favorite Safari features is the built in PDF viewing support. The day I don’t need to load up the Adobe Acrobat Plug-in is a good day. The firefox-mac-pdf extension adds this same built in PDF viewing support to Firefox.
  • Tab to Window
    Sometimes you need to pop out a tab into a new window. This often happens to me when I’m referencing content in one tab to fill out a form in another. Surprisingly this isn’t a built-in feature, but here’s an extension to fix that. Safari makes this easy in that you can just drag a tab off the tab bar and it’ll turn into a new browser window. This solution relies on good old contextual menus. Not as fancy, but it’s functional.
  • Color Management
    Safari has great color management support since it reads the color profiles that can be embedded into images. Browsing a site like flickr is different experience in Safari then in any other browser because the colors are displayed “correctly”. Firefox actually has built in color management, but it’s not enabled by default due to performance issues and other small regressions. But the Color Management extension will enable this feature for you if you want to try it out. And I say try it out because I personally don’t recommend using it full-time since I did experience some noticeable performance issues when I had it enabled. The other issue is you need to define your system default color profile and no matter what I did I couldn’t get the colors in the browser to be correct. All colors in the browser, including the toolbar, were dark and over saturated. I’m not an expert on color profiles, so maybe I’m missing something. But the color and performance issues didn’t seem worth having this feature enabled. Which of course is probably why it’s off by default. I only list here as another weapon in your Safarification arsenal. Use it with caution.

Firefox with GrApple Theme and Stop/Reload plugin

Now these add-ons will get you most of the way there. But there will still be things you come across in your day-to-day Firefox use that reminds you of Firefox’s non-native Mac roots.

  • There is no integration with the operating system wide keychain for password storage. I’m fully aware of Firefox’s password saving capability (and I use it), but this is functionality that should really be utilizing the system wide keychain. It gets real annoying when passwords are saved in multiple locations and there’s no way to keep them synced. This is probably my biggest Firefox pet peeve.
  • Contextual menus have squared off edges and not round. It’s a little thing, but it gives you that “something’s not right” feeling.
  • The form controls are not native. They’ve done a lot of work in trying to make them look native, but they still feel a bit off.
  • There’s no support for the system wide dictionary. Command+Control+D has to be one of the most under used OS X keyboard shortcuts. I use it constantly, but whenever I mention it or someone sees me use it, they ask “what’s that?”

I know there will be the usual “Just use Camino” comments. I’ve used Camino and I think it’s a great browser. But I rely on Firefox’s web development extensions too much to even consider it.

If anyone has any solutions for the above issues, drop me a comment. I’d love to hear them.

DestroyFlickr (but not really)

I’m a big flickr fan. It’s a great service for sharing and discovering interesting photos. But I’ve always felt browsing around flickr to discover new photos could get a little tiring. You have your standard single page with a photo, previous & next buttons, or a page of paginated photos. Presented in a very basic way that’s similar to the majority of photo-sharing services out there. I usually prefer to view photos in flickr’s slideshow mode because of it’s darker background and larger photos, but this isn’t a great method for discovering new photos or browsing around.

I’ve just stumbled upon a nifty little app called DestroyFlickr (via). DestroyFlickr provides alternative methods to viewing, downloading and uploading photos on flickr. Photos are presented on a dark gray background in a casual format. The app divides itself into several workspaces. You can load various content into each workspace and easily switch between them. For example, you could have you’re photos displayed in one workspace and various contacts photos in the others. The app is built with on the Adobe Air platform, so it will run on either windows or mac provided you have Adobe Air installed.

Destroy Flickr Screenshot

DestroyFlickr succeeds in making it seem as though browsing flickr is like browsing photos on your own hard-drive. A desktop native feel is given to content that exists entirely online. At times it feels as though I’m using a kind of “Lightroom Light” app for browsing photos on my computer. It’s the first Air based app that I’ve used that doesn’t feel much like an Air app (and that’s a good thing).

DestroyFlickr is still in the beta stage of development and the developer has stated that there are plenty of other features he wants to add, but currently can’t until June 30th because of its submission to the Adobe Design Achievement Awards. It’ll be interesting to watch this app as it develops because there’s a tremendous amount of potential here.