X-mas Goodies

IMG_0010

I’ve finally gotten my new desk and new speakers setup that I got for Christmas. It seems as though my setup is gradually becoming more and more infiltrated by Apple and Apple-esque products.

IMG 0010 300x225 X mas Goodies

Next step, (cleaning up that ugly mess of cables and) enjoying the wealth of desk space since my old desk was extremely cramped!

Print this entry

Opera 11 in OS X

mac-browser-comparisons

This is a post that I started a couple of months ago, but finally just got around to revising (since Opera 11 has since been released) and finishing. Hopefully its all in tact. icon wink Opera 11 in OS X

Being fairly new to Mac OS X, I was excited to install Opera and see how it compares to the default browser Safari as well as others such as Firefox and Google Chrome in terms usability and appearance.

While I hadn’t used Mac OS much since version 9 and then briefly OS X (with my old iBook before it died), I did remember that Opera didn’t exactly have the most elegant user interface. Nor did most other third party web browsers that I tested at the time. Then again, OS X wasn’t as refined then as it is now either. Keep in mind, these are my opinions and you are free to have your own. icon wink Opera 11 in OS X

I was happy to find that Opera seems to have the most natural feeling user interface when compared to Firefox and Google Chrome, using Safari as the standard since most die-hard Mac users are likely familiar with it the most.

mac browser comparisons 261x300 Opera 11 in OS X

While I didn’t capture Safari in a view where the tabs are visible, the image above is a decent comparison of the browsers’ default address bars and navigation buttons.

As you can see, the buttons, address box and search box in Opera mimic those found in Safari quite well and are not much of a change at all for any ex-Safari user. The tabs used in Opera are also very similar to those found in Safari (pictured below), with the most significant exception being that they are flipped vertically and placed above the address bar (in Opera) rather than below (like in Safari).

safari tabs 300x67 Opera 11 in OS X

While some people may prefer Firefox or Google Chrome over both Opera and Safari, the point remains that their designs are inconsistent with the overall look and feel of the OS in general. That’s not to say that Opera doesn’t have some inconsistencies of its own. There are a few of them, but most of what I’ve found are minor detail tweaks that are needed to perfect the skin.

Just to mention a few things that are stand out to me, the “New tab” icon size should be decreased slightly, retaining the Opera style while removing the unnecessary bold touch. If you compare this button to the same button found in Safari you’ll notice that Opera’s approach is a bit too bold and that changing this makes it more elegant looking (in my opinion of course).

The borders for the navigation buttons, address box and search box should all be slightly adjusted to match the colors used for these in Safari. There are slight inconsistencies among these, with disabled button borders being darker than enabled button borders.

Another inconsistency with Opera is that text boxes in the address bar are not highlighted with a blue glowing border when they are focused…as they are in Safari, Firefox and Google Chrome. Its difficult for me to see if this is advantageous or simply an oversight, however, the “pro-integration” side of me certainly thinks this should be fixed to match the behavior of other browsers in OS X.

Various icons throughout the user interface need to be desaturated to remove color for consistency. An example of this can be found in the address box with the drop down icon. If you look close, the drop down icon is actually blue whereas other similar icons, like the drop down icon in the search box, are gray scaled. This is also a bug I’ve seen in the Windows and Linux skins, but the OS that demands attention to detail is likely the one that this is most noticeable on.

The Speed Dial page, though it was “invented” before the other spin-offs, now uses a darker background that makes it feel a bit more familiar to Safari’s implementation. I find this to add to the integration effect, whereas previous Speed Dial background images felt out of place. On the other hand, Opera doesn’t boast comparatively appealing 3D thumbnails or features to those found in Safari. Instead, the Opera Speed Dial packs in a redundant search box and no immediate method of searching through your history (visually at that!) or displaying your top visited sites automatically.

With a default Speed Dial tab open, knowingly or not, you’re looking at three different ways of searching the Internet…all with the same available list of search engines. You can search from the address bar by simply prepending your search terms with a specific search engine “keyword”, from the dedicated search box in the address box or from the additional search box in the Speed Dial. If I had any influence on this design, I would remove both dedicated search boxes and make the address box smarter and more visually suggestive of performing a search when it is in use.

While I’m suggesting changes to the Speed Dial tab, why not take advantage of Opera’s ability to generate thumbnails of pages to give the user a visual of the pages they are searching through just like Safari is capable of? With the ability to generate these thumbnails already, there is no reason why Opera shouldn’t implement a similarly more appealing visual search of previously visited sites.

As I said before, all browsers have their problems with UI design and integration, especially in Mac OS X. Of the available browsers for this platform, the one with the most features and the best OS X integration is far and away Opera 11. The performance improvement isn’t bad either, with my test results showing Opera 11 beating out Safari 5.0.3 easily in the SunSpider benchmark. You can take my opinions with a grain of salt if you wish, but you should undoubtedly give Opera 11 a spin if you haven’t already!

Print this entry

Windicators

Screen shot 2010-12-29 at 9.51.33 PM

Just a quick thought about windicators that were proposed by Mark Shuttleworth back in May 2010 and similarities to Mac OS X.

It seems that nearly everyone agrees that Windicators in Ubuntu is a bad idea. Not only will they add a little confusion to the Ubuntu learning curve, but they will also just add clutter to the title bar. That being said, I for one would like to see them implemented as long as there is an option to enable/disable them freely.

Over the past year or so, Ubuntu has received a great deal of criticism regarding the placement of the window controls for close, minimize and maximize. If you’ve not kept up with this, basically the controls moved from the right side of the title bar (like in Windows) to the left side of the title bar (like in Mac OS X). I still see complaints about this every other day (even though there are ways to change this already posted throughout the net).

With many people accusing Ubuntu of simply trying to look like Mac OS X, I wasn’t as quick to point fingers and agree. I like to hold judgment on products at least until they are completed or deemed “stable”. Lately, however, its beginning to be a chore to deny this “OS X”-like transition with the changes that are coming in Ubuntu 11.04.

Two major changes in Ubuntu 11.04 include:

  • a new panel that seems more like a hybrid between the new Windows 7 taskbar and the Mac OS X Dock.
  • application menus and application titles in the top panel.

These new changes, paired with the window controls on the left and indicator style menus in the top panel give Ubuntu 11.04 an eerily similar appearance to OS X. Not to mention the windicators (as this post started out talking about)..

Screen shot 2010 12 29 at 9.51.33 PM Windicators

Screen shot 2010 12 29 at 9.51.26 PM Windicators

If you visit a secure web address in Safari, a lock icon appears in the upper right corner of the title bar to indicate a secure page. I’d not noticed this before, being an Opera fanatic and all, so I’m unable to tell who was first: the idea of Windicators or this feature in Safari.

Safari seems to pull this off well and the icon isn’t in my way at all. This is one reason why I would like to see them appear in Ubuntu eventually, but only if they can easily be disabled and they are implemented correctly.

Last that I heard, Windicators were put on the back burner to let more important features reach the public first (as they should be). Lets just hope that if Ubuntu continues to follow a close path to Mac OS X that they follow a better path. icon biggrin Windicators

What do you think about the similarities? Too similar? Not similar enough? Not similar at all? Or you don’t care? icon biggrin Windicators

Print this entry

Interesting Unity Mockup

icontests

As usual, when Ubuntu starts the developmental process on the next best ‘buntu I’m quick to begin testing and eagerly lurking in the forums and launchpad bugs.

The next version of Ubuntu is currently, as you may already know, undergoing some fairly drastic interface changes. Ubuntu will be abandoning the use of the traditional GNOME panels and instead use an improved version of their Unity interface.

Lurking through several bugs on launchpad, I stumbled across an interesting one with one interesting mockup in particular.

icontests Interesting Unity Mockup

While its just a suggestion mockup, I think it actually looks rather slick. I’m not saying its the best approach, but certainly one worth noting! According to a follow-up comment, this design is similar to what Gnome Shell is doing, but I’ve not yet looked into Gnome Shell so I can’t confirm this. Either way, its a smooth approach.

Currently Unity doesn’t have a method of letting you know which application’s menu its showing in the top panel. There is an indicator icon in the side dock/panel, but as best I can tell they are planning to add the app name to the top panel similar to the way Mac OS X handles this. Maybe it will be in some Unity updates tomorrow!

Print this entry

UbuntuForums.org Site Makeover via UserJS

40915_before

A while back there was a neat little styling script being passed around that tuned the Ubuntu Forums to match the new official designs a little more closely. While its not official and no where near a perfect solution, it does dramatically improve the appearance of the forums overall.

Before

40915 before 300x206 UbuntuForums.org Site Makeover via UserJS

After

40915 after 300x181 UbuntuForums.org Site Makeover via UserJS

To use this, all you have to do is download and install the Stylesheet or UserJS file and configure it in your browser! I’m using the UserJS version, but you may prefer the other. Either way, enjoy!

Print this entry

Get Steam Specials via RSS Feed

steam-specials-via-feed43

This is just a little hack I’ve used so I can subscribe to the “Specials” that are periodically released and published on the Steam website.

If you’re interested in letting your Feed client simplify your life by bringing the Steam updates directly to you then I suggest you subscribe to the feed that I’ve setup (via a great free service call Feed For Free).

The Steam News – Specials feed:

http://feed43.com/4758788726706067.xml

The Steam News – Announcements feed:

http://feed43.com/7724635415454743.xml

When I searched for a feed for these Specials I came across one forum post after another asking the same thing. We all know how annoying that can be, so to remedy the situation I decided to post a solution myself. icon wink Get Steam Specials via RSS Feed

As you can see below, these pages don’t have feeds of their own, but the very awesome Feed For Free site will let you pull the updates straight into your feed reader with ease. See my Google Reader pictured below.

steam specials via feed43 300x123 Get Steam Specials via RSS Feed

Print this entry

Macbuntu, Part 3

Screenshot-0

I’ve finally gotten around to contacting the Macbuntu maintainer about some of my changes and modifications and have now been granted administrative access to the project!

Most of the changes I’m making are in the details, as most of the features are already available. I’ve contributed plenty of code and images to make Docky appear nearly identical to the Dock in OS X and even made the Docky bar image in Inkscape myself. icon biggrin Macbuntu, Part 3

Screenshot 0 300x120 Macbuntu, Part 3

I’ve contributed an Opera skin, that I mentioned in my last post, but it is still very unfinished. Over all it looks well, but there are several areas that need to be corrected and the skin itself needs to be slimmed down a bit.

The Docky icons zoom by default, though its not an OS X default setting to the best of my knowledge. It can very easily be toggled on or off from the Docky settings window.

I’ve removed the Docky settings icon that was seen in previous screenshots so that the Nautilus application launcher (Finder icon) is the first item in Docky as it is in OS X. You can still access Docky settings by right-clicking the separator on Docky between the Trash icon and the others.

Screenshot 1 300x120 Macbuntu, Part 3

I’ve also written a very very simple application that toggles the Widget layer, which is powered by Compiz, on and is handily disguised by the Dashboard icon…meaning it reveals the widgets. As of writing this, there are no default widgets installed.

Eventually I plan to work in Screenlets and preinstall a few default ones as you would find in OS X, but I’m still waiting to make sure that my tiny tool works pre-compiled on other computers (is 32/64 bit versions). icon wink Macbuntu, Part 3

Screenshot 2 300x120 Macbuntu, Part 3

A lot of people are impressed with Compiz’s ability to render your workspaces in a Cube, Sphere or Cylinder. I’m pretty impressed with this feature myself, but having used it for a long time in the past I’ve found that I usually end up just switching workspaces with the keyboard and not paying much attention to the fancy cube in all of its transparent glory.

Honestly, this is one thing that should appeal to even OS X users as it looks cool and can give you a good quick visual of your windows. However, in Mac OS X 10.7 there will be a feature for Mac users that gives them a quick look at all of their activities and may possibly pass this Cube design right on by. Who knows? icon razz Macbuntu, Part 3

Screenshot 3 300x120 Macbuntu, Part 3

One feature that you couldn’t see in the first Cube screenshot was the 3D window aspects and stacking. This is a neat feature and helps make the Cube look a little less boring. Especially when you can see how busy, or possibly bored, you are!

Screenshot 4 300x120 Macbuntu, Part 3

As always, proof that this is indeed Ubuntu Linux. icon wink Macbuntu, Part 3

Several other changes that I’ve contributed to this project include:

  • New transparency for the Top Gnome-Panel and all Menus
  • Alpha blurring for Docky
  • Added folders to Docky for the Applications, Documents, Downloads and Dropbox folders (where relavent)
  • Added detection for other applications and add them to Docky upon installation
  • Re-arranged several Docky launchers
  • Brand new Docky theme — Macbuntu
  • Reset the default wallpaper to the Snow Leopard  wallpaper (was the Leopard wallpaper)
  • Changed the clock format the match OS X’s clock (with tips from OMG! Ubuntu)
  • Added setting to ensure that people with multiple monitors see the workspace cube as One big cube instead of each screen rotating separately.
  • Default the screensaver to blank in case its already set to something like Gnome Feet, but it would be neat to have an elegant OS X screensaver!
  • Various other bug fixes, minor details and cleanups.

Its great to see a project come together, but its even nicer to have the ability to speed it up. icon biggrin Macbuntu, Part 3

A few ideas that I’ve got include pre-installing Gloobus for a feature that mimics “Quick Look,” but until I find a good way to install this and until I can work out the bugs with this tool myself, it won’t be getting any prime time in Macbuntu.

The Docky Stacks feature that was covered at OMG! Ubuntu is also on the map, but is currently far too unstable to be included. I’ve been testing it out for a few days, but it consistently crashes Docky and ceases to function. When I come across a stable ppa for this tool, it will be adding to Macbuntu in a hurry!

Obviously there are several areas that I/we won’t be able to mimic thoroughly. Mac OS X is a great operating system and has a great deal of “simplicity” worked into it by design, somethings that just aren’t possible by “skinning” Ubuntu Linux.

If you have any suggests that are actually feasible, I’d love to here them! The biggest area that I’d like to work on is the GTK theme and get the theme’s quality up tremendously. I’ve had no part in the GTK theme (originally known as GTK Leopard) thus far, and its actually a great piece of work, but it still has a long way to go before being smooth and finished.

One last thing thats interesting is the fact that someone has already began a spin of Macbuntu, dubbing it Macbuntu-iso, and it is available for download in 32 and 64-bit!

Print this entry

Macbuntu, Part 2

macbuntu-20101113-1

After spending a little time working in Inkscape, I realized how terrible I am with vector graphics, lol, but I did manage to create a slightly more accurate Docky theme that incoorporates the wavy design and dark tool tips and menus.

You’ll also find that the menu is not working correctly in the top Gnome Panel and that I’ve now created a pretty accurate OSX/Macbuntu skin for Opera!

macbuntu 20101113 1 300x120 Macbuntu, Part 2

macbuntu 20101113 2 300x120 Macbuntu, Part 2

You may also notice that the background image has changed. The latest OS X default wallpaper appears to be included with the setup, but is not used for some reason. I guess its a matter of opinion, but I prefer the setup to be as default as possible to the latest OS X design.

Hopefully I can contribute a few things to this project such as an improved Docky theme for Macbuntu, Opera Macbuntu skin, updated icons for those that are missing

I’ve re-arranged the Dock icons into a semi-accurate order, but some applications are in need of replacement icons.

Shotwell, for instance, could make use of the iPhoto icon and be added by default, making it appear that much more authentic.

Another awesome feature thats not included, but makes this transformations much more accurate is the plugin for an implementation of Stacks!

macbuntu 20101113 3 300x120 Macbuntu, Part 2

Unfortunately, the applications stack isn’t near as clean and even has duplicates of some applications, but it is a very good start and the stack plugin itself works fantastically!

I’m hoping that I will be able to get all of my tweaks and hacks so far worked into Macbuntu to automate what I’ve done, but since I’m still tweaking and fine tuning a lot of aspects, I haven’t had time to contact the developer(s).

That being said, I’m going to refrain from posting how-to’s and files for the changes I’ve made for now, but if you’re interested in the Opera skin I’m working on just let me know and I’ll send you what I’ve got so far. icon wink Macbuntu, Part 2

Print this entry

Macbuntu: The Mac OS X Transformation Pack for Ubuntu

macbuntu-before-1

Since I recently slipped over into the dark side and bought a MacBook, I’ve been spending a whole lot more time in OS X than I ever have before.

I wouldn’t consider myself a Mac fanatic (yet), but its difficult to not fall in love with the great amount of attention to detail.

Out of curiosity, I decided to look into macifying Ubuntu again (as I’ve looked into in the past and had decent results) only this time I came across Macbuntu. Macbuntu is an all-in-one package to transform your Ubuntu desktop (fresh dual screen account pictured below) from this:

Before

macbuntu before 1 300x120 Macbuntu: The Mac OS X Transformation Pack for Ubuntu

macbuntu before 2 300x120 Macbuntu: The Mac OS X Transformation Pack for Ubuntu

To something that resembles the infamous Mac OS X a little more closely, like this:

After

macbuntu after 1 300x120 Macbuntu: The Mac OS X Transformation Pack for Ubuntu

macbuntu after 2 300x120 Macbuntu: The Mac OS X Transformation Pack for Ubuntu

For an Mac purist, this transformation pack would be no where near acceptable with small differences and quirks here and there. The good news, however, is that the transformation pack appears to be maintained and updated regularly so it may not be much longer before your Linux box is indistinguishable from an original Mac…at least on the inside. icon wink Macbuntu: The Mac OS X Transformation Pack for Ubuntu

The Macbuntu installation is extremely easy. If you’re interested in installing this, but afraid of messing anything up, keep in mind that there is an uninstall option that is extremely painless and it restores all of your original settings!

Install

  1. Download the transformation package from SourceForge or GNOME-Look.org if you prefer (but they are both hosted from SourceForge) and save it to your Desktop.
  2. Extract the package to your Desktop. You can do this by right clicking and selecting “Extract Here” from the menu.
  3. Open a terminal and type “cd Desktop/Macbuntu-10.10/” (without the quotes) and press enter.
  4. Now type “./install.sh” (without quotes) and press enter.
  5. Follow the directions and answer a few questions and it does all of the rest! …and you’re done!

Uninstall

  1. If you’ve deleted the original files that your extracted before, re-download them and extract them using the same steps as before.
  2. Open a terminal and type “cd Desktop/Macbuntu-10.10/” (without the quotes) and press enter.
  3. Now type “./uninstall.sh” (without quotes) and press enter.
  4. Follow any directions or quick questions and before you know it, things will be back to the way they were before!

While I was impressed with the degree of success after I installed this transformation pack, I quickly uninstalled it. Part of this was due to pure testing, but the other part was simply because I want to spend more time tweaking it to perfection later and don’t have the time right now.

Amazingly, I was able to take a stock Ubuntu 10.10 desktop and morph it into a decent OS X lookalike and back again all in a matter of 15 minutes, and that includes a short amount of time spent looking around. icon biggrin Macbuntu: The Mac OS X Transformation Pack for Ubuntu

My Notes & Ramblings (probably boring)

One thing I’d really like to do is to create a Mac OS X skin for Opera to be included with this package since the one for Opera for Mac isn’t compatible with other platforms (afaik). I’d also like to figure out how to get the full menu bar removed and placed into the top panel properly, where it was only partially added in the screenshots.

A lot of the dock details are accurate, but then again a lot of them are just flat wrong. Empathy needs an icon replacement to Adium or iChat. The dock itself is angled slightly higher and the gloss detail is completely different (lacking the wavy design). The separator is also incorrect and needs to be updated.

One thing that I think would go far with adding a genuine feel is to organize the Dock icons properly as the default dock icons are in a specific order already and the order from this install seems to be somewhat random in some cases.

Stacks would be great, however, I recall hearing not long ago that this or a similar feature is on the way already possible, just not included yet (maybe I’ll send them an email soon icon biggrin Macbuntu: The Mac OS X Transformation Pack for Ubuntu ).

A white drop-shadow for text and icons in the top panel would be great for perfection. It also wouldn’t hurt to add the default slight transparency to the top panel so the background and shine through a little.

The actual theme being used appears to be very outdated, with buttons using old icons such as the back and forward buttons in Nautilus. The breadcrumbs are also very outdated visually and need to be updated. The author(s) of the transformation pack probably have nothing to do with the development of the theme that’s packaged with it, but this is the most important element and is in dire need of some TLC.

Conclusion

Macbuntu is a great and quick solution, but its not pixel perfect or even close to pixel perfect. If you’ve got any suggestions or know of better options such as themes or tweaks, I’d love to hear about them in the comments!

Print this entry

Happy Halloween

Halloween Design 2010-11-01 at 8.53.26 AM

Hope everyone had a great Halloween this year! If you missed visiting my blog, then you also missed my Halloween theme!

Screen shot 2010 11 01 at 8.53.26 AM 300x216 Happy Halloween

Thats about as far as my Halloween decorations went (other than dressing up as a pirate) this year, but I saw a lot of great looking jack-o’-lanterns this year and some really great costumes at Moogfest! Had a blast!

Here’s a quick video of this random guy dancing during Massive Attack. icon biggrin Happy Halloween

We got to see MGMT, Dan Deacon, Girl Talk, Thievery Corporation, Massive Attack, Shiongle, Disco Biscuits and a few others. Overall, it was a pretty amazing Halloween weekend! If only they were all that way…

Print this entry