Categories

Work

I create things primarily for you, the web designer/developer who stumbled on this site. If you came here for one thing and are looking for more, you may be interested in the following:

Can I use…” browser compatibility tables
Back in 2008 while I was on my web development journey I couldn’t find an easy to read, comprehensive and interactive way of seeing which browser supported which upcoming feature…so I made one. Over the years the page became the caniuse.com website, grew more functionality and features and slowly became the number one resource for browser compatibility.
SVG-edit – a vector graphics editor in the browser
Not a project that I started, but one that I’ve become heavily involved in, to the point where I became the lead developer for a while. The editor uses HTML5, CSS3 and SVG technologies, pushing the capabilities of modern browsers. Features contributed by me include bezier path editing, the ability to zoom in/out, making the editor extendable together with optional extensions and quite a bit more.
CSS Template Layout script
The CSS3 Template Layout Module was something of a precursor to CSS Grid and provided a useful mechanism for setting the basic layout of a web page. I was really excited by the possibilities the specification offered so I wrote a script that provided support for the module.
Rounded corner generator
Before border-radius was well-supported across browsers you had to come up with other clever methods to get your lovely round corners. This page would let you enter your corner information and generate the code and an SVG file automatically.
Timeline of web browsers
Inspired by a Linux timeline I saw on Wikipedia and looking for an excuse to try out SVG, I created this Web browser timeline. Seemed like the kind of thing that belonged on Wikipedia, so that’s where I submitted it. I haven’t been involved in maintaining the file for quite some time, but it’s nice to see that today it’s still updated and used on the Timeline of web browser page.

Other things I have done include:

Flags of the World
A small game/app written in 10K of JavaScript for the 10K Apart contest (original link).
SVG Radiant
An SVG gradient editor, also for the 10K apart contest (original link).
eduMap Opera widget (broken link for now, will try to fix)
A desktop widget made in SVG for the Opera web browser, it allows users to learn countries and capitals around the world, as well as national flags. The widget has apparently been downloaded over 300,000 times.
Operanoid
A little Arkanoid-like game, initially for the DS web browser, later also available as Opera widget and regular web browsers. Also works for Safari on iPhone/iPod touch
Google Earth model of Wayne Community College, NC
Not really web related, but there was a contest, you see. Always wanted to try some 3D modelling, and here was my chance.

More work

Up until 2011 I used to manage the website of the Goldsboro News-Argus, a local newspaper.  This design used at the time was mostly my work, though heavily affected by decisions and requests of others.

Where the visual design may be a bit lacking to my taste, I was been able to focus on the site’s accessibility, and proper use of web standards and semantics. The following (classic best practice) techniques were used:

  • CSS sprites – to minimize HTTP requests, allowing the site to load faster
  • Unobtrusive JavaScript – To maintain functionality with those without JavaScript, as well as keeping the HTML clean and lean
  • An HTML/CSS design that allows the page content to load before the sidebar(s)
  • 8-bit PNGs with alpha transparency to keep image sizes low
  • Pure-CSS drop-down lists – To keep the links accessible
  • Minified JavaScript and CSS files to keep download speed fast
  • CSS visual enhancements where supported
  • JavaScript interaction enhancement (using jQuery) where supported
  • CSS rules for older IE versions kept separate using conditional style sheets
  • A semi-liquid design is used to optimize screen usage and minimize scrolling

Leave a Reply