Avoid HTML form spam using CSS
So simple we laughed out loud! A very short article and answer to a big problem by Klaus Kjeldsen on using CSS to stop the spam.
The basic idea is to make an extra dummy input text field in your form, and using CSS to make it invisible to the real human users.
Thereby, if a post is sent to your php script handling the request and this extra text field contains information, you know that the submit must be spam, and the script can ignore the post.
15 of the Best CSS Zen Garden Designs
Some really nice choices from the Zen Garden phenomenon.
456 - Bulletproof shrinkwrapping buttons
This is a demo document for the technique described in the article Creating bulletproof graphic link buttons with CSS.
A successfull bulletproof image-based button should:
- Automatically grow horizontally to fit any amount of text
- Grow horizontally and vertically if text size is increased or if the text wraps to multiple lines
- Retain its appearance within reasonable limits
- Be able to have rounded (or other non-square) corners
- Have no unclickable areas
- Be readable when images are disabled
A bag-full of mark-up required but pretty neat.
Rediscovering the button element
When dealing with form elements, the biggest loser of them all in the battle for a standardised look is the infamous Submit button. Let us not ignore this! This is just how they decided to handle things at Wufoo.