Posted: Monday, February 01, 2010

HTML5 Interactive Browser Comparison Chart

Here is an interactive Browser Comparison Chart with the latest version of compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies.

When deciding which features were added to the list the following criteria was used:

  • Useful to web designers/developers
  • Likely to be eventually implemented by the majority of browsers
  • Currently implemented by at least one browser
  • Currently lacking at least one implementation

View the Interactive Page

Both Chrome and Safari use Webkit but each browser may choose to include different features of webkit in their final versions. Several features have not yet been fully defined and have only experimental support. Internet Explorer 9 information is based on early developer information.

Kudos and thanks to Alexis Deveria at Fyrdility for original content.

Posted: Friday, January 29, 2010

Free SVG Image Editor

SVG images (Scalable Vector Graphics) and their behaviors are defined in XML text files. This means that they can be searched, indexed, scripted and, if required, compressed. SVG is also well-suited to small and mobile devices.

  • SVG files can be read and modified by a large range of tools (e.g. notepad)
  • SVG files are smaller and more compressible than JPEG and GIF images
  • SVG images are scalable
  • SVG images can be printed with high quality at any resolution
  • SVG images are zoomable (and the image can be zoomed without degradation)
  • Text in SVG is selectable and searchable (excellent for making maps)
  • SVG works with Java technology
  • SVG is an open standard

Since they are XML files, SVG images can be created and edited with any text editor.

Go to the Editor

In mid January 2010, SVG-Edit 2.4 was released to the public. It's a free web-based vector graphics editor that uses only open web technologies to operate, making it work on all modern web browsers. The 2.4 version (code named Arbelos) introduces powerful new tools including the ability to zoom, make curved paths, and organize shapes using groups and layers, as well as many other smaller features.

The editor runs directly from the browser and a demo page is available. If you'd like to learn more about it first, feel free to watch Jeff Schiller's excellent intro video (v 2.2), as well as the first and second parts of the new features in 2.4.

I hope you enjoy this versatile tool.

Posted: Tuesday, December 15, 2009

Stop Comment Spam

On Wednesday, December 9, 2009 at 06:20 (GMT) Project Honey Pot received its billionth email spam message. The message was a United States Internal Revenue Service (IRS) phishing scam.As moderator of several technology blogs we have seen an increase this year of comment spam. You've probably seen it too...advertisements pretending to be helpful advice posted on a blog with numerous links back to the retailer.We fight these forms of spam with a few simple techniques. Once the blog post page or...

Read More "Stop Comment Spam"

Posted: Wednesday, September 16, 2009

CSS dropdown menu without javascripting or hacks

Here is a tiered CSS drop-down menu that works in IE 6, 7, and 8; Opera 9 and 10; Firefox 3.5.3.00; Flock 2.0 and 2.52; and Chrome 2.0.172.43 and 3.0.195.21 without hacks or javascripting and is accessible without using a mouse. One downside is that it still uses images for the tabs and the sub-menus are only one level. View source to download code.Example:Code:<style type=text/css><!--body,td,th {font-family: Verdana, Geneva, sans-serif;font-size: 100%;color: #666;}body {background-color:...

Read More "CSS dropdown menu without javascripting or hacks"