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
- I couldn’t find an easy to read, comprehensive and interactive way of seeing which browser supported which upcoming feature…so I made one. Probably the most popular thing I’ve done so far, and indeed intended to be a helpful reference any web designer interested in upcoming features.
- 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. 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 is currently not supported in any browser. A shame, since it’s such a useful mechanism for setting the basic layout of a web page. This script provides support for the module, so you can start practicing to use it now.
- Rounded corner generator
- Want to use CSS-only rounded corners and include support for Opera? This page will 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. Interestingly, it’s currently the main content of the Timeline of web browsers, which seems fairly unusual for a graphic.
Other things I have done include:
- Flags of the World
- SVG Radiant
- An SVG gradient editor, also for the 10K apart contest.
- eduMap Opera widget
- 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.
- 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.
I used to manage the website of the Goldsboro News-Argus, a local newspaper. The current design of the site is mostly my work, but has been heavily affected by decisions and requests of others.
Where the visual design may be a bit lacking to my taste, I have been able to focus on the site’s accessibility, and proper use of web standards and semantics. The following techniques are used:
- CSS sprites – to minimize HTTP requests, allowing the site to load faster
- 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
- CSS visual enhancements 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
As mentioned, I love web developing. Mostly coding, sometimes designing. I do all my HTML/CSS writing in a text editor to ensure the code works as best as it can.
In my work I have also worked with and occasionally made some modifications to some CMSes, including MovableType, Joomla!, WordPress and Gallery. My web browser of choice would be Opera, due to the amount of features it already comes with, as well as its customizability. I use Firefox a lot too, mostly to use Firebug for CSS/JS debugging.