Comment form and email form spam are problems that I’m sure every webmaster has experienced. Many have resorted to the use of CAPTCHAs and other such puzzles to tell legitimate users from spam-bots, but these puzzles are usually a hassle for users to solve. A better option is to use an anti-spam field that is hidden from users with CSS, but which a spam-bot will see and fill out.
‘Tutorials’
Tutorial: Hassle-free anti-spam using CSS
Tuesday, July 6th, 2010Tutorial: Quick and easy div layouts
Saturday, July 21st, 2007My sense is that, for some reason, most people have a tendency to code div layers layouts by using an <img> tag at the beginning of the <body> of the document for the header image, and then using absolute positioning to place the main content area and sidebar(s) in their appropriate locations. This method is flawed in that, in the absence of a stylesheet (as may be the case when viewing the website on an older browser), the header image still shows up, causing the page to look quite ugly (example). This is especially annoying if your header image has a large height. A better solution is to use a div image replacement, as I have done in ain’t afraid to die, featuring Dir en grey. I will use this layout as an example.
Tutorial: 100% height CSS layout with footer
Tuesday, July 3rd, 2007I have a tendency to make designs that are meant to stretch from the very top of the bowser window to the very bottom. The problem is that, especially in very large browser resolutions, sometimes there isn’t enough content to force the layout to either completely fill all of the vertical space in the viewport, or to scroll vertically, leaving a margin between the bottom of the layout and the bottom of the browser window. I’ve finally, I believe, solved the problem, and since I haven’t seen anyone else using this method, I decided to make a tutorial. The method is an extension of this example layout and relies on the principles of min-height, absolute/relative positioning, and z-index. This is the method I’ve used to code the current LastSong.net layout (Waste, featuring UnsraW).
