-
I am Travis Hensgen, a web developer living in the city of Adelaide in South Australia. I grew up near the small city of Mildura in regional Victoria, where in high school I was more likely to be messing about with an Apple IIe in the computer room than out on the oval running around* or kicking a football, which probably explains a lot now. While a lot of the skills I use now were learnt on the job, I did get a Bachelor’s Degree in Mathematics and Computer Science about a decade ago at the Univeristy of Adelaide (when Netscape Communicator 4.7 was the crème de la crème), so maybe I actually do know what I’m doing…
After university, I had a brief stint as a Windows forms developer at the Adelaide Convention Centre which was a great opportunity to learn how to build GUIs for applications that people use every day, and under the same roof. This role was also a great chance to mess about with SQL databases that weren’t called “Northwind”, a skill that is still very handy today. This feels like a very long time ago now, indeed it’s right about the same time Internet Explorer 6 was released… hmmmmm.
Next up I moved to the slightly busier city of Sydney (well, was dragged there by my now-wife Jemma) where I was lucky enough to start out working as a developer with Ben and the team at the very talented Red Ant Design. This was where I:
- learned how to build pixel-perfect layouts in HTML 4 with tables
- unlearned how to build pixel-perfect layouts in HTML 4 with tables
- learned to build pixel-perfect layouts with XHTML and CSS
- wrote a lot of
if(document.all){...}statements in JavaScript (before the sweet JavaScript libraries we have today came along) - built sites and tools for some very well known companies
- …and worked on a great CMS called Workbench using ASP 3.0 and SQL 2000
I then worked with the ever passionate Tony Redhead and the team at Red Square Productions (now a part of Webqem), which showed me how another Sydney web studio does it, and does it very well. I’ll never forget not wanting to say “no” to building a template design full of transparent PNGs with links layered on top in my first week there! I'm sure a few web developers out there know why that’s amusing…
Now I’m back in Adelaide working from home (with about 3 times the floor space), surrounded by lots of screens, Macs, PCs, and a couple of very cute animals. In that time I’ve suddenly become the go-to-guy for some great clients, worked more in the previously-elusive design phases of projects, learnt a whole lot more about JavaScript, dabbled in Rails and MVC, and created an identity in this very web site. And so it continues…
* these days I’m hooked on clocking up kilometres on Nike+, something I never imagined I was capable of in the computer room at high school.
-
The Traversal Name
It surely comes as no surprise that the name Traversal is closely tied to my given name Travis. The name Travis is a variant of the Old French name Travers which means "to cross over". (Less cool is the fact that the name was given to toll collectors, not the people actually crossing over – perhaps I'm in the wrong industry?)
The English word Traversal is both verb and noun, as stated in the Oxford Dictonary:
- verb: 1 travel or extend across or through. 2 move back and forth or sideways.
- noun: 1 an act of traversing. 2 a part of a structure that extends or is fixed across something.
All of these definitions fit very neatly with the idea of the web, where each of us constantly traverse between and within the web sites we visit every day – indeed, it's really what defines the web. (Even more handily, the domain name was still available too!).
The Traversal Logo
The Traversal logo depicts a shape reminiscent of a bird traversing through the air. The bird leaves a trail of dots behind colored in red, green, and blue;
as you may be aware, very small dots of red, green, and blue make up every single colored pixel that you see on your screen. These colored dots in the logo, then,
represent that the majority of the work I do is intended for the screen.
The bird shape has another meaning though – it is a modification of the curly bracket character which is an essential token in many of the programming languages we use to build web sites today. So, the logo also depicts the idea of code leaving behind a trail of colored pixels, which is an abstract take on the way the web sites are actually built and rendered (okay sure, I admit that sounds a little bit fairy-tale-ish…).
Enough about Traversal, how on Earth is your surname Hensgen pronounced?
This is a question that even I'm not 100% sure of the answer to – my family and I have always pronounced it phonetically as Hen-shen (as if it was spelt more like Hension). I recently learned, however, that the correct pronunciation may in fact be Hens-gen which is definitely how most people try to pronounce it. Either of these is good for me!
-
Like most things in life, there’s more than one way to create a web site.
Here are the 4 major phases of my work process, based on industry standards and best practice:1Planning with Block Layouts
Block layouts for each page template are built in Adobe Illustrator, which define the general structure and location of information on each page,
completely ignoring color and texture for the moment. Block layouts are much faster to produce than visual designs so getting the structure of information
correct here is much more time effective.
I also like introduce a design grid in this phase to ensure elements are positioned in a tidy manner with ample white space and sensible alignment from the very beginning – it’s also much easier to align elements in Illustrator than Photoshop, which brings us to …
2Visual Design Templates
Using the block layouts as a guide for element structure and position,
I create mock-ups of how select pages will appear in the final site, through judicious use of colour, texture, patterns, typography, and photography.I use an application that excels at image editing to create these visual design templates - usually Adobe Photoshop, but sometimes Adobe Fireworks when appropriate.
Once completed, these visual design image files serve as both a reference for building page templates, and as a way to produce the required background and foreground images for those templates too.
3XHTML Templates, with CSS and JavaScript
Here I create XHTML code files that realise the mock-ups created in the visual design phase. XHTML is the language that defines the elements each
page is comprised of, e.g: headings, paragraphs, bulleted lists, links, headers and footers.
This phase also involves creating CSS (Cascading Style Sheets) files which describe how page elements should appear.
Pages with animation, custom widgets, or dynamically loaded content will also include JavaScript - the programming language used on the web to make this happen.
Another crucial part of this phase is constant testing in all of the major web browsers, to ensure that the web site will look and behave the same whether your visitors use Internet Explorer, Firefox, Safari, Opera, or Google Chrome.
4CMS / Database Development
Most sites on the Internet today are ever changing, some more than others. This phase involves adding server-side code to the XHTML templates
which will pull data from a database and combine it with the XHTML
elements to produce the final pages seen in your web browser.
Typically, this data is entered into a Content Management System (CMS) which, as the name suggests, allows web site owners to manage content on their web site. For specialist projects these CMSes can be entirely custom, but since building from scratch can be time-expensive, I will often use an existing system such as Wordpress or Expression Engine. (As an aside, these CMSes started out primarily as blogging applications, but have evolved over the years to become powerful enough to manage other types of content too).
-
Operating Systems
My operating system of choice today is: Mac OS X 10.5
(including command-line Unix)But I've also spent a lot of time in: Windows XP Professional
(including MS-DOS)Programming Languages & Frameworks
I'm highly skilled with:
- XHTML
- CSS Level 2
- JavaScript
- PHP 4 and 5
I spice things up with the help of:
- jQuery 1.3
- Prototype 1.6
- MooTools 1.3
I also know my way around:
- Ruby on Rails 2
- ColdFusion
- ASP 3.0
Technologies & Tools
My sites are rich with data because of:
- MySQL
- Microsoft SQL
Server 2000
I keep them running on:
- Apache 2
(under Mac OS X) - Internet Information
Server 6.0
I know where they've been because of:
- Subversion
- Git
Applications
I plan and make pretty pictures with:
- Adobe Illustrator CS4
- Adobe Photoshop CS4
- Adobe Fireworks CS4
I code 'em up and ship 'em out with:
- TextMate
- Transmit 3
I get my productivity on with:
- Microsoft Office 2008 for Mac
- Microsoft Office XP for Windows
- The Hit List (my new fave GTD app)
-
Maximus - Manager of Business Development
A skilled negotiator, Maximus is easily able to sweet talk anyone into getting what he wants. While these demands aren't always aligned with the
overall goals and strategies of Traversal as a whole, he still commands high levels of respect from fellow staff and clients, serving as a shining inspiration to all
who have the pleasure of working with him. Handily, Max also knows every hack for Internet Explorer 6 by heart, and proves a useful
resource during late night debugging sessions.
Phoebe - Chief of Security
Under the guise of a sweet and innocent girl, Phoebe protects Traversal and its assets from the predators of the corporate world. Travis can
safely focus on what he does best, knowing that he will be swiftly alerted to any potential threats - you know, door-knockers trying to switch over his ADSL to
another provider thereby leaving the business without an Internet connection for 2 weeks, stuff like that. Phoebe is also an expert in SQL queries
and Unix shell scripting, skills that are really handy from time to time.









