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: Saturday, February 21, 2009

HTML 5 Draft Recommendations Released

In 2004, some members of the W3C HTML working group (the folks responsible for crafting the Hyper Text Markup Language) decided to form a new working group with the goal of addressing real-world needs of developers. The WHATWG (Web Hypertext Application Technology Working Group) began creating the specifications of HTML 5.Although HTML 5 has not been finalized yet it is supported by current browsers including Safari, Firefox, Opera, and IE 8. The February 20 Draft Recommendations have arrived...

Read More "HTML 5 Draft Recommendations Released"

POSTED: Monday, February 02, 2009

Color Scheme Generator - usability for the sight impaired

We've experienced writer's block but have you ever had color block?

You know, it's crunch time when developing that final logo or web site color scheme.  All of the collateral marketing materials must mesh without seeming forced.  Is that brown a little too red?  Does that rose color really work with that shade of blue?  Well, now you can produce a wide palette of colors that are both pleasing and usable for the sight impaired with our Color Scheme Generator.

Select a Base color and then dial the degree of Hue, the percent of Saturation and the Percent of Brightness.

Select a Scheme: monochromatic, contrast (base + complement), soft contrast (split complements), double contrast (2 neighbors + complements), analogic (base + neighbors).

Select a range of visions: Normal, Protanopy, Deuteranopy, Tritanopy, Protanomaly, Deuteranomaly, Tritanomaly, Full colorblindness, or Atypical monochromatism.

Finally, force color results to display Web Colors (or use Hexadecimal) and view color sample with white text and black text overlaid on the color.

All in all, a really cool tool which will help produce a range of colors for your template that are both aesthetically pleasing and with a high usability factor.

Screen Shot below:

Screen Shot - Color Scheme Generator