Interactivity can transform a dull static website into a dynamic tool that not only delights users but conveys information more effectively. In this post, we’ll walk through five different coding techniques that can be easily implemented on any website to provide a richer user experience. The techniques will allow you to better display difficult content, help users find information more effectively and provide meaningful UI cues without overwhelming the user. On-page text search Drag controls for oversized content Subtle hover effects Comment count bars Full-page slider [Offtopic: by the way, did you already get your copy of the Smashing Book?] 1. On-Page ...

The HTML form There’s a pretty diverse opinion on how this should be done exactly, but we’ll make the code flexible enough to handle different markup styles. <form> <fieldset> <legend>Legend Name</legend> <div> <label for="name">Name</label> <input type="text" id="name" name="name"> </div> </fieldset> </form> This is how I markup my forms. Trying to keep it as ...

Take the most popular CMS, Wordpress, and then take the easiest and most versatile of Javscript libraries, jQuery, and you have a match made in heaven. Implementing jQuery within Wordpress is a lot easier than you would think, all you need is a little support from the huge WP community and a little patience, and you are good to go. Below you will find 30 Tutorials Combining both Wordpress and jQuery. Including jQuery in WordPress (The Right Way) When you download jQuery, put it on your server and link to it from your header.php file ...