Great solution for long drop down menus
Ah - this is clever.
Sometimes when coding a site, you're required to have an extremely long drop down menu - it happens quite a lot with some of the hotel sites I design ... when they get handed over to clients the client adds page after page ('We need it for SEO!'. Gah.) meaning that the drop down menu sometimes disappears below the fold.
So, what to do ... well, this solution from CSS-tricks seems to be perfect: Solution For Very Long Dropdown Menus, with a demo here.
Quick HTML email tip ...
I must have put together dozens of email marketing templates in the past 6 months or so, and one thing that I nearly always forget to do until I come to test it is to make sure that everything contained with 'style' tags is actually included after the 'body' tag.
The reason is simple: Google Mail ignore *everything* before the body tag. Everything. So, put your styles after the body tag and not in the head tag where they'd normally go.
This is as much for my benefit as yours ... !
CSS Methodologies, and resource
Natalie Downe is one of the excellent people who make up Clear Left and she gave a presentation at the recent Bar Camp London event - all about the methodology that Clear Left use in their CSS mark up. Ordinarily, I don't find sets of slides to be particularly useful, but in this case Natalie has added such comprehensive notes that they're not just useful, they're practically mandatory for anyone working in CSS, in any meaningful way: go download them now (64Mb PDF)
CSS Sprites version 2
CSS Sprites are a great technique for converting everyday unordered lists into far cooler image maps. It's pretty safe to say that when they first came out (and my god, that's 4 years ago), they enabled people to do things in CSS that were simply not possible without the clunky image maps of old. Well, the originator of the technique (Dave Shea) has jquery-afied it, giving it a great update. It's still semantic code, and works with or without javascript, but the touch of animation introduced is lovely. Check it out.
view notes from CSS, design, graphic design, miscellaneous, web development, work, or the ever popular 'miscellaneous' section.
click here to go back to the main notes section.
RSS
Grab the RSS feed for this blog by clicking the friendly icon below:
Archive
View notes from the last 30 days, last 3 months, last 6 months, dawn of time, or, within CSS, design, graphic design, miscellaneous, web development, work, or the ever popular 'miscellaneous' section