Skip straight to the blog?

Render your text without flash/images | Cufon

Finally an accessible way to render text within your designs with out having to use flash/images with alt tags or JS with descriptors. Cufon is a way to “render” your text on screen giving you cleaner looking fonts – i have put together a working example here I wouldn’t use this with p tags or anything below [...]

Read More >>



Broswer resolutions – according to Google

Google has just released our something similar to my browser chrome entry although it is live working version of browser resolutions. Through this tool you can view your site live with guides on where screen resolutions start and finish http://browsersize.googlelabs.com/ It isn’t too bad although this would mean that your site would have to be live before you’d [...]

Read More >>



w3 just published stuff on mobiles…

The Mobile Web Best Practices Working Group invites implementation of the Candidate Recommendation of Mobile Web Application Best Practices. The goal of this document is to aid the development of rich and dynamic mobile Web applications. It collects the most relevant engineering practices, promoting those that enable a better [...]

Read More >>



Designing a background for Twitter

So you want to tell the world everything you do? Seems that people are tweeting about all sort of stuff… i am not a massive fan but have had some clients who want there own look and feel. I have put together a multilayer photoshop document so you can see what i belive is best practice [...]

Read More >>



Need to send large files?

Just found a web service that allows you to send large files up to 2Gb http://www.mailbigfile.com/pro/

Read More >>



Firefox Add-Ons

Sick of Alt Print screen? not a fan of paying for Viso?  Just stumbled on these awesome Firefox add-ons which can replace Viso and print screening… Screen capture – Aviary https://addons.mozilla.org/en-US/firefox/addon/11587 Viso replacement  – Pencil https://addons.mozilla.org/en-US/firefox/addon/8487

Read More >>



Google now has Buzz?

It might not be a facebook killer as it has some limitations at this stage although any new products out there do cause the current main stream apps to rethink what they do… Hopefully this doesn’t lead to facebook having another interface  change. (this is first product i have notice from google with out the word [...]

Read More >>



Check accessibility via Firefox

Just found this lovely little toolbar add on for Firefox to test accessibility. http://wave.webaim.org/toolbar

Read More >>



Using Twitter as an alert

For the development Sydney New Year’s Eve web site they wanted the abiliity to be able to add alearts to the site via multiple entry points (web, sms, web phone). With limited time and no budget also i really didn’t want to build something from scratch (more so why would you?) i took twitter and [...]

Read More >>



PSD Browser chrome

Another consideration when designing a web site is what size do you design for? The type of site and who it is for will determine most of this although in general you should have ready made up standards. My rule of thumb is to design for screen resolutions of  1024 x 768 although make sure you [...]

Read More >>



Hamish Beattie - interface designer

Hi There...

Welcome to my online portfolio which highlights some of my work over the past 12 years while working in IT as an Interface Designer.

I have just started to put some of my code up to give something back to the online community - on the right and completely free to use as you will.

Got any questions? you can contact me > here.

Cheers - Hamish Beattie.

What i'm Working on

Stuff to come

  • How to Skin a Google mini - Have skinned two google minis, it is far easier now although doing it via XSLT isn't always fun...
  • Designing for Twitter - My Does and don'ts and PSD cheat download....
    Stalk me on twitter
  • Google maps - Customise, design, imputing your own information and how to put images in the bubbles... (see Small bars example above)
  • Using Flash as a background with HTML on top