Five Useful CSS/jQuery Coding Techniques For More Dynamic Websites

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 Text Search

...

Tutorial: Resetting Your CSS

The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. Reset styles quite often appear in CSS frameworks, and found its way into Blueprint, among others. The reset styles given here are intentionally very generic. There isn’t any default color or background set for the body element, for example. I don’t particularly recommend that you just use this in its unaltered state in your own projects. It should be tweaked, edited, extended, and otherwise tuned to match your specific reset baseline. Fill in your preferred colors for the page, links, and so on. In other words, this is a starting point, not a self-contained black box of no-touchiness. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, co ...