Links to learning about menus with image sprites that also work in IE.

The tutorial How to create a css menu using image sprites by Chris Spooner from www.line25.com, is a great tut to get you into the concept and idea of using image sprites to create graphic menus. It does however have an issue which a lot of people have encountered with this method that appears only in IE, which is a an ugly jump or flicker. If IE is of no consequence to you and your website though, then this method is great.

http://line25.com/tutorials/how-to-create-a-css-menu-using-image-sprites

I needed to consider that a significant part of my clients audience would be from the corporate sector and would often be viewing the site in Internet Explorer and possibly an outdated version of IE. Updating software in large corporations often needs to be done by the systems administrator, and I think this has a lot to do with so many old browser versions are still alive and active out there. So I then looked at A list apart’s tutorial called CSS Sprites: Image Slicing’s Kiss of death by Dave Shea. I redid my menu using this method and tested in IE and hay presto, NO Flicker or menu jumping down a few pixels. Great!

http://www.alistapart.com/articles/sprites

A List apart also makes reference to the article: Fast Rollovers Without Preload by Petr Stanicek for the basics of the technique.

http://wellstyled.com/css-nopreload-rollovers.html

And lastly for your reference Chris Spooner also has a great little tutorial on simple buttons with css image sprites. And I think once you’ve read all of them you will have a better understanding of using css image sprites – at least I do.

http://line25.com/tutorials/how-to-build-a-simple-button-with-css-image-sprites

I spent some time looking all this up to solve the issue I was having in IE so I thought I would write it down and share the tuts that helped me.

Thanks to all the articles mentioned here for the learning experience and the knowledge!

New website design goes live for Mo’s Place B&B in Greenside

The new design for Mo’s Place B&B went live yesterday, and besides a few minor changes like a couple of photos that need updating, it’s ready to rock & roll. This is a sample page of the look and feel, an extensive “what’s to do, and what’s near” Greenside with links to most listed places, restuarants etc..
You can view the site here: www.mosplace.co.za

Nandos Coleslaw

iphone wordpress post test

I upgraded my cell phone yesterday and I’m now playing with download apps and posting to my blog from the phone. Testing 123 update…:)

Nando’s Norwood for the Last Time – Dodgy Salad

Okay, so we get some friends round for dinner – we’re working on something so it’s going to be take aways from Nando’s.

Off we go to collect from Norwood Nando’s, bring it home, start dishing out, only to find that we’ve been given an already eaten, used serving of more than half eaten coleslaw! I kid you not! Take a look at what we found when we opened the box.

Nandos Coleslaw
click to see full pic

We called the on duty manager and asked them to send us a new one, we are still waiting.

I tried to chirp about it on their website, but this is what I get “An error has occurred. Please try again later.”

What I’m definitely not going to be trying again later is Norwood Nandos, this is not the first complaint!

Testing Scribefire NOT!

I was attempting to test scribefire for Firefox, which allows you to update your blog directly from Firefox, without having to do it from within your blog application. Sounds great, and simple, looks nice and clean, able to change text colours easily etc…
BUT I am struggling, getting very frustrated trying to add images which is simply not working and a post without images is just not going to cut it. So, excited as I was, and I see many others who also have this problem were – we are no longer!
If anyone knows the answer to the upload image (ftp) problem, any assistance would be welcome!

Just Upgraded WordPress 2.7 to 2.8.4

I have been a bit nervous to do this update from all the things I’ve read, but was worried about the latest invasion so I just decided to give it a try. And so far it’s holding! I need to decide if I’m going to use WP or another CMS system for a new project so I hope Wordpress is stable and can weather this little storm. So far so good. I’ll let you know if the status changes. Because WE LOVE WP : ) don’t we?

My steps for the Wordpress update from 2.7 to 2.8.4:
From the link below on the WP codex: I did step 1 to 5
http://codex.wordpress.org/Upgrading_WordPress_Extended
I then saved the database as instructed here:
http://codex.wordpress.org/WordPress_Backups
and then from the Admin panel on your WP site, where it says Update Now – I selected that button and let Wordpress do an automatic update. It took a few minutes to complete it’s thing, but it completed successfully while I was testing to see how long I could hold my breath.

And now we’re up and running and I have managed to update most of the plugins and just want to test a few more things and do some more research for my new project that I think would be perfect in Wordpress!

If anyone has any other insight into the latest Wordpress story please let me know or comment here.

Aliens land in Joburg! District 9 trailer

The latest District 9 movie trailer.

This is going to be great, Imagine aliens landing in Joburg?

Come on peeps lets support South African cinema, this is certainly a first here.

Fantastic Typeface Portrait of Steve Jobs by Dylan Roscover

Go forth and conquer your type!

This typographic image of Steve jobs by Dylan Roscover is a great example of illustrator, vector and type skill not to mention his attention to detail. I’m often involved in design and technique training and would love to give this type of exercise to the students, I think they would learn a huge amount from attempting this type of project. Love it. Well done!

How It Was Done | see it at Cult of Mac

Typeface portrait

Steve Jobs photo

Grunge textured backgrounds for free download

I’ve was playing around with some textures, colors and brushes in photoshop for a grunge background effect and thought I’d share some of the files for free downloading.
The files are high res 3456 x 2304 pixels at 300dpi and can be used as source files for any application that you would like.

Your feedback is welcome and appreciated.

aumm1 poster

  grunge01.jpg (unknown, 404 hits)

aumm1 poster

  grunge02.jpg (unknown, 236 hits)
You need to be a registered user to download this file.

aumm1 poster

  grunge03.jpg (unknown, 171 hits)
You need to be a registered user to download this file.

HMF.com handmade fonts for fabulous design

Take a look at this great site for some pretty fantastic “handmade fonts”, thanks for the link Luke.
If you’re looking for something funky – object orientated fonts, like paper cut out letters, ice, fur, grass and many more. Take a look at the link HMF.com and see the fantastic work these guys are doing with fonts.

HMF.com
aumm1 poster