Before You Use Captcha: Form Protection Tips

I ran into a great post on the PHP devnetwork forums here talking about some tactics to protect your forms without using Captcha.

First is the Honeypot method. The idea is to add a field to the form that bots would likely fill out but that is a hidden element on the form that should remain blank. twindev explains:

Read ›

JavaScript Selector Library Supports CSS4!

I was reading DailyJS and ran across this great JavaScript selector library called Sel.

It can select elements using the very brand new CSS4 features. The following are some examples.

Read ›

Long Text Lines in Webkit

I got a report that a long link was overflowing in Chrome 16 and Safari 5.1:

screenshot

Read ›

Firefox Extensions: Add Button to Nav Bar

The new Add-On SDK for Firefox rocks! It is so easy to create and test using the cfx command line utility.

One thing that is conspicuously absent is the ability to add a button to the navigation toolbar. You know, the toolbar that holds the URL bar and bookmarks button. It took a fair amount of research and trial and error, but it turns out to be a small bit of code.

Read ›

CSS Conditional Rules: Exciting and Scary

This month the W3C came out with a brand new working draft for CSS Conditional Rules (W3C Draft).

Conditional rules are basically @-rules that apply CSS only when certain conditions are met. The most powerful is the @supports condition. You might be able to guess how it works by looking at the example below.

Read ›

Why Emails Suck

The following are some DOs and DON'Ts for writing emails in the tech world.

Read ›

jsPerf.com Introduces Graphs

If you haven't seen jsPerf.com, you've been missing out. You can benchmark pieces of JavaScript against each other. The site was created by Mathias Bynens (blog) and the benchmarking engine, Benchmark.js, was created by John-David Dalton (blog).

JavaScript is by nature only acurate to 1 millisecond, and some browsers are acurate to only 15 milliseconds in practice. Benchmark.js uses higher resolution timers where available. For browsers it utilizes a Java Applet to access a high-precision timer. When Chrome or NodeJS are run with a --enable-benchmarking flag, it makes use of a native microsecond timer.

Read ›

Canvas Fountain Demo

I got a kick out of this canvas demo from Mozilla.

Read ›

A JavaScript Phone: Microsoft's Night Terrors

Today Mozilla announced their proposal for providing phone-like functionality to the browser in this hacks.mozilla.org article. Their goal is to provide "basic HTML5 phone experience within 3 to 6 months."

Specifically, they want to provide JavaScript APIs for accessing the phone dialer, address book, SMS, and more. We already have support on Android and iOS for getting geolocation data from GPS. There is also some support for taking photos using only JavaScript. And don't forget the FileReader and FileWriter APIs.

Read ›

Using JavaScript in Photoshop

Did you realize that you can write macros and scripts for Photoshop in JavaScript? Yes, JavaScript is everywhere. JSPatterns.com has a great article explaining how to write JavaScript for Photoshop.

In his example, author Stoyan Stefanov takes a layered Photoshop file, shows and hides certain layers, and saves the resulting image to a .png file. The files he saved were charts of guitar chords--156 images saved in an instant.

Read ›