As project managers, web designers, and freelancers, we deal with a multitude of issues, especially when it comes to content management systems. For me, most of the issues arise in WordPress as it’s my choice CMS for clients. The most serious of these issues is dealing with hacked client sites where either spam has been placed, or more detrimental, malware.

So as project managers, web designers, and freelancers, we must by default become quasi experts in security. No problem. It adds more fun to the challenge.

Combating security breaches should fall into two camps (which are obvious if you’re a long-time reader of this blog): proactive and reactive. Proactive is preventing the problem before it occurs while reactive is after the fact and how to perform damage control.

The homepage is the most valuable real estate of a web site. Oftentimes, it is also the most viewed page that determines whether or not a user will explore further into the site.

One way to maximize the real estate of a homepage is to dynamically show and hide content. For example, one piece of content could feature information about a product and then automatically hide to show a new piece of content advertising some other part of the web site. Not only does this enable you to create more space where there once wasn’t, it also helps you to grab the attention of the user. Any type of animated content is almost always guaranteed to attract eyeballs.

Ok, I’ll admit, I’m pretty new to JavaScript and jQuery, so as a disclaimer, my coding may not be perfect or concise. With that said, I’m going to explain how to build dynamic navigation highlighting using a little JavaScript and jQuery. The first step is to explain the problem.

Most web sites that follow good usability practices will tell visitors where they are on the site. It’s kind of like that directory map in a shopping mall with the big red “YOU ARE HERE” arrow. On web sites, this is usually accomplished by highlighting or shading the navigation object that the user is currently on.