Fyrdility

by Alexis Deveria

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
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
A small game/app written in 10K of JavaScript for the 10K Apart contest.
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.
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

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
  • 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

My tools

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.

While I’ve had some experience with Java and Visual Basic, my programming languages of choice are JavaScript and PHP/MySQL. While I’m quite pleased with my JavaScript/DOM knowledge, I usually wind up using jQuery to speed up my JS coding. I used to be a big fan of Adobe Flash, but since learning more about web standards I try to avoid using it. Instead I like experimenting with SVG and HTML5 Canvas, though I could probably get back into Flash pretty easily if I had to.

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.

Powered by Coffee, Marmite, jQuery and WordPress