StudioTalk: Wellington Web Design and Branding Blog

I was recently building a jQuery-based slider for our upcoming website re-launch and needed to identify a series of elements numerically. Naturally I decided a number that auto-incremented would be ideal, so I build a testing stage to do just that.

After about 2 hours of testing and debugging to try find out why it wasn’t working, I changed the numerical ids to “block-one”, “block-two”, etc. This solved everything! It turns out that CSS does not allow elements’ ids to begin with a number. But classes are.

Who knew? Now you do. HTML ids cannot start with a number.

I came across this site recently (http://foodzie.com/) and think it’s a great example of well thought out navigation. If you have worked within the food industry you’ll appreciate the challenge of organising these categories in a way that people can easily find what they are looking for.  The design hasn’t been compromised either – you can have both!  Let us know if you come across any other good examples – we’re always keen to get inspired.