Redoing My Portfolio

[ Posted: ]

I started off with a company website back in 2001 when I was a freelancer (www.allcrystalclear.com). I put that up in a hurry after the company I was working for closed their doors. That site is really old and outdated now and the direction is off. What I want now is a personal portfolio site, somewhere I can showcase my skills. A place that’s more of a home than storefront.

I’ll probably go back and redo the company site one of these days too. It was my baby for a long time and I’m having a hard time letting it go even though it’s been neglected.

Motivation

Web development is always changing and evolving it’s pretty hard to keep up. But the challenge it presents and the triumphs I feel are what keeps me in this field. It’s me against the machine – to bend it to my will and “make it work”. Sometimes I lose, sometimes I win and usually it’s compromises between what I really wanted and what will work.

The past year or two there have been HUGE changes in how we build websites. There are new tools out there to help us develop using these new technologies. Some of them are only new to me because I’ve never used them.

I admit it, I’m pretty old school when it comes to web development. I like playing it safe and using technologies I know won’t cause me hours of grief. However, we can’t cling to only what we know in this field.

Goals

The best way to learn is to do. I’ve come up with a few goals for myself while I rebuild my portfolio:

  1. Build it using HTML5
    And make it work for IE7/8/9, FireFox and Chrome.
  2. Build it using CSS3
    I want to use more than gradients, shadows and rounded borders but incorporate CSS3 transitions too.
  3. Try Modernizr
    See where that takes us. I haven’t decided at this stage whether I will used it to provide fall backs for CSS3 transitions too or just use it to make things like rounded corners for browsers that don’t support it natively.
  4. Use the HTML5 Boilerplate as a base
    There’s a really good video by Paul Irish that I recommend everyone watch. He goes into really good detail of why the boilerplate is put together the way it is.
  5. Write my own jQuery plugins
    I’m going to use only jQuery plugins that I either write myself from scratch, or I used a tutorial to learn how to build it.
  6. Use WordPress as the CMS
    Using WordPress as the CMS is easy, installing a local server with WP installed using WAMP is more difficult.

I decided to blog about my experiences using these new technologies and methods. Maybe it will inspire someone else to try them too.

Thanks,

Jayde.