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 ›

Long Text Lines in Webkit

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

screenshot

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 ›

Google Plus Icon in CSS Using a Single Empty Div

I was inspired by the idea that you can make a wide range of shapes using only CSS on a single div after reading this css-trics.com page. A few days ago I created a Facebook Icon using a single empty div. Today I created the Google Plus Icon using a single empty div:

Read ›

Facebook Icon in CSS Using a Single Div

I was inspired by the idea that you can make a wide range of shapes using only CSS on a single div after reading this css-trics.com page. I created the Facebook Icon using a single div:

Read ›

Browser Rendering - Getting Computed Style is Hard

Recently I was looking into how libraries like jQuery get the compute style of an element. I found that in its simplest form, getting computed style is one step:

function getStyle(el, prop) {
	return el.currentStyle ?
		el.currentStyle[prop] : // IE
		document.defaultView.getComputedStyle(el, "")[prop];
}

Read ›

You Are Using SPDY and Don't Even Know It

igvita.com explains what SPDY is, how it works and where it is used. As you may remember, Google proposed an add-on to HTTP that was faster because of multiplexing, server pushing and better compression including compression of headers and the use of a pre-defined dictionary.

Read ›

5 Common Ways to Abuse jQuery

jQuery is great. It is powerful and quick. But with any power comes abuse. Here are some common ways to jQuery is abused.

Read ›

How Well Does Your Browser Support HTML5?

Niels Leenheer has created an interesting script to detect browser support for HTML5. Try it here. By HTML5, we mean the new HTML and JavaScript standards that are pushing the web to the next level.

These are results from browsers on my Windows Vista machine:

Scores

Feel free to leave your results in the comments.

Read ›