Web - Tech

Visual Vocabulary for Information Architecture

Visual Vocabulary for IA

I’m currently venturing into the bleak, scary and un-designed world of information architecture. I use this site when looking at sitemaps – it’s a pretty good guide to the visual language you should be using. Although it’s all a little bit pointless when your project managers can’t explain to your client the difference between a page, and a template. So all your hard worked ‘visual language’ goes down the pan.. still, it’ll look mighty pretty when it does!

See www.jjg.net/ia/visvocab

jQuery - One step closer to becoming Apple

Learn how to make this!

There are loads of JavaScript libraries out there; moo:fx, prototype, that scriptalicious business – and Spry (or whatever the hell Dreamweaver tried to offload on us in v.8). But none seem to come close in ease, simplicity and functionality as jQuery. I’m clearly obsessed. I think it stems from an underlying hatred of Flash... and jQuery is one step closer to getting rid of useless Flash pockets all together!

As I’m a designer first, and a developer second – I’m far more interested in how stuff looks and functions... rather than whether the 14 people who still use IE 5.5 can use it. I just don’t care much about that. So this gallery is great for me to see what goodies I’m going to be using on my next project. It’s 37 exmples of jQuery plugins. And as for cross-browser, usa' and accessibility issues, I’m reliably informed by Tom that the whole jQuery community is fully committed to standards et al.... it also works on my iPhone (give or take a few prods from my monkey fingers)!

As always, be aware of what your site looks like with JavaScript disabled and CSS off. So make sure there are no navigational issues when this is the case.

www.noupe.com/ajax/37-more-shocking-jquery-plugins.html

CSS Dropdown Menu

I also wanted to congratulate Johan for coding, then explaining to me his version of a drop-down navigation system - which works without using JavaScript! Great for SEO and the 7% of people with JS disabled.

Crazy Egg!

I've recently returned from a web design meeting in Belgium (beautiful place). In the meeting, our Google expert mentioned 'Crazy Egg'. I nodded (trying to look like I knew what he was on about) - and seeing as there was no WIFI to check out said "Egg"... I committed this random word to memory.

Upon my return to the UK, I Googled Crazy Egg:

Visit CrazyEgg

CrazyEgg is a web application that you install using JavaScript on your website (much like GetClicky or G's Analytics) - and enables you to view a 'HeatMap' of where visitors have clicked. You can then use this data to analyze a whole bunch of things about your design and demographic.

I've installed this on my personal website and aim to use my findings to justify the importance of designing within a 'safe area' of 998 x 530px. I'll keep you updated!

Happy New Year

Matrix
HAPPY NEW YEAR

Only a few days late!! Been a bit busy recently, but I thought I'd start this year off with a pet peeve of mine; cross-browser font handling. There are a lot of similar references out there, but recently Paul referred me to the Font Matrix - which shows you the font handling of different 'bundled' families, on different platforms. Very interesting. Just a shame that Helvetica still isn't chucked out for free!

You can visit the site at http://media.24ways.org/2007/17/fontmatrix.html, or via the very useful 24 Ways.

BrowserCam

Visit Browsercam


I'm completely blown away by BrowserCam! It's a tool similar to Browser Shots - the only difference is that this one is almost instant!! You can specify all kinds of cool browser options, then download JPGs... all for free (using the trial).

Definitely worth looking at if you're a web developer using a Mac! Visit

Internet Explorer for Mac

Although Microsoft withdrew Internet Explorer for Mac a couple of years back (because it was so awful) - it's always useful to keep for testing sites etc. Don't you miss the slick and sexy interface design? Me neither:

Download IE5 for OS X

If you want to download the browser - visit Pure Mac. I love the way the browser doesn't even correctly display Microsoft's own MSN.com. Classic!

Analytics for Facebook?

I had a meeting yesterday with someone from Techlightenment about Facebook Applications. Long story short, they showed me something called 'Socialistics' - which gathers all the information about your friends (or users of your appication) in an easy to use analytic-esque view.

Socialistics

See Socialistics it in action!