Jim Barraud web designer

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.

Hiroshi Sugimoto

I really like the album cover of the new U2 album "No Line On The Horizon". It's by a photographer by the name of Hiroshi Sugimoto. His site has some other photos from the series "Seascapes", from which the new album cover appears to be from. I just wish the photos on his site were larger.

Recreating the button

I noticed recently that Gmail switched to using custom buttons for it's mail actions and I thought they were nicely done. As someone who's had to create custom HTML buttons, I can appreciate the amount of work someone can put into getting them to work in most major browsers (I'm looking at you IE6). Here's a detailed post from Douglas Bowman, Google Visual Design Lead, about how the buttons came to be.

Sprite Optimization

Nice write up from David Shea on how the big boys are utilizing CSS Sprites and what some of the pros and cons are. I've used CSS sprites in the past and have found they work great if you plan for them in advance. As mentioned in the article, it's when the images need to be resized or repositioned that you can run into headaches.

New Site Design

It’s been a while since my last major redesign, so I figured now was as good a time as any to launch this one. I’ve ditched the single column stream of news format for a more traditional approach. With this design I was aiming to get a bit more organized in how I’m presenting content on the site. Two sections in particular that I wanted to break out were my photography and projects I’ve worked on. Each of these now have there own separate sections on the site.

I’m not going to go too much into detail with what’s changed visually or technically. I’ll just invite you to check it out and let me know what you think. I’m still cleaning up a bit of the code and will probably be making tweaks over the coming weeks, but overall I’m pretty happy with this one.

One thing I will mention though is that I’ve completely dropped support for IE6. So the 36 of you out there who are still using it to visit this site will get a completely unstyled experience. It’s time to upgrade people.