Target Blank for XHTML
Given that the target attribute for the anchor tag does not comply with the W3C recommendation, which in turn does not validate, creating a new window for a link is not possible using a Strict XHTML Doctype.
Table Behavior without Tables
Many times a “table like” layout is necessary to abide by the Rule of Thirds law, specially with the currently popular “magazine” type website layouts.
Adding a table to the layout would simply be too easy, and wouldn’t fit into the “Do Everything without Tables” mentality plaguing the web. So I demonstrate how to achieve the behavior without the table.
JavaScripted Tooltips
Here is a simple attempt at some JavaScripted tooltips. I expect there to be bugs when you have two “sticky” tooltips overlapping each other.
IE Conditional Comments
Years ago before I discovered Internet Explorer’s Conditional Comments, I struggled with CSS hacks, IE filters, and unreliable JavaScript sniffers.
With this technique markup inside the comments will be only visible to the IE browser in general or specific versions that you specify.
Live Markup Editor
I created a markup editor dubbed “Type Doc” to use when I didn’t have access to an HTML editor. Yes, notepad is always an option but this has live updating in the environment(browser) you are going to be using. Which could make for a nice learning tool because you will see your success and mistakes reflected immediately.
JavaScriptless Tool Tips
Tooltips are a useful feature that can be used to elaborate on information without creating another page or linking to another source. It presents the user with immediate results. There are a variety of tooltips available that utilize JavaScripts advantages. Even though most are widely compatible with browsers there is still a small percentage of users that would not see the tooltip when activated with JS.
To solve this problem a CSS solution can be deployed that would work everywhere. There are no bells and whistles but if you require them I would suggest going the JavaScript route.
Flash Display Fixes
Displaying Flash in a browser sometimes causes display issues. Two common ones are extra space under the object and another is an outline around the object in Firefox 3.
Disable Safari’s Textarea Grip
A while ago an update to Safari enabled users to drag the bottom right corner of a text area and re size it to their hearts delight.
While some users may have good reason to increase the area, the majority of users would hardly notice the new feature let alone take advantage of it. Still others would simply abuse it and expand it to an unreasonable proportion.
Access Cascading Styles with JavaScript
Here is a reference table that displays the CSS equivalent in JavaScript.