Looked up a list of different navigation resources for this week, with the majority of them being tutorials for making slick-looking menus or hyperlinks.
- Pure CSS Horizontal Menu (SEO Friendly)
- CSS Navigation Rollovers With Drop-downs
- Creating Hyperlinks and applying Styles to them in Microsoft Expression Web
- Make an Optimized Slick CSS menu
- The Ultimate Navigation with CSS level 3
Of these articles, there are a few that stand out. I think Pure CSS Horizontal Menu (SEO Friendly) is probably my favorite, because it offers a very clear step-by-step instructional method. The author shows a visual example to accompany each step of the construction process, so that you get a real sense of how the menu comes together; I find this much more valuable than a purely text-driven tutorial.
Plus, a CSS-driven drop down menu is still something that surprises me. That type of effect seems like it would require at least some degree of scripting involved, but to see it completely covered in CSS is another reminder that there’s still a lot of potential there I have to explore. I would be interested to hear from the class about other examples of surprising CSS functionality, like drop down menus, hover boxes, or other interactive elements, that would normally appear to be script-driven.
My second choice for a stand out article is The Ultimate Navigation with CSS level 3 . Unfortunately, this tutorial doesn’t give the same visual examples that “Pure CSS Horizontal Menu” did above, but it’s still a very thorough resource. Plus, I tend to prefer how simple and slick the final result of this tutorial looks.
Notice how the author prefaces the article by warning that it incorporates elements that don’t validate in XHTML 1.0 Transitional – is it just me, or does these like these nifty looking effects never seem to validate?
