Jarrod Rathjen's Portfolio

DG Consultants website

Design Web design Web development HTML + CSS SEO

Monday, February 22, 2010 | Permalink

DG Consulting are a small business that specialise in facilitating practical policies that leads to positive change in the management of valuable water resources.

Their website has sleek professional design, a clear JavaScript based dynamic menu, uses the Coda Slider , and a great little CMS called GetSimple. The site includes some progressive enhancement, but is cross browser compatible, has valid HTML and has been developed to be “bulletproof”.

The site has now won a couple of design awards too -

• CSS Deluxe
• CSS Design Yorkshire

Check it out - www.dgconsultants.com.au

Verney Road School

Design Web design Web development HTML + CSS JavaScript SEO

Friday, November 20, 2009 | Permalink

Verney Road School is a school in Shepparton that provides educational programs to meet the needs of students with mild to profound intellectual and/or multiple disabilities, aged between 2.5 years and 18 years.

The school had no existing online presence so I was quite excited to develop the website from scratch. Some of the requirements of the site were that it had a content management system, a maintainable photo gallery, as well as ‘Newsletters’ and ‘Documents / Forms’ section with content that was easy to download for users. The sites uses the a wonderful CMS called Symphony, and uses a simple upload manager for the ‘Newsletter and Forms’ area, as well as a very flexible ‘Photo Gallery’ image manager function.

The site was also designed by myself, has a standard Contact form and Google Map, is cross browser compatible, uses Valid HTML and CSS, and has a few other standard bells and whistles, check it out!

The website has been featured in the following CSS and Design galleries.

• CSS Deluxe
• We Love CSS
• CSS Cutie
• Kreative Showcase

www.verneyroadschool.vic.edu.au

Susan’s Driving School

Web development HTML + CSS JavaScript

Tuesday, September 29, 2009 | Permalink

Susan’s driving school is a small driving instructor business, and recently requested a basic online presence. The website was designed by the very talented Alan Carabott, and was developed by myself with a very basic content management system so that all pages are maintainable by Susan. The site uses valid HTML and CSS, includes two PHP based AJAX online forms and some other basic JQuery functionality. Check it out below.

www.susans.net.au

New Portfolio

Design Web design Web development HTML + CSS JavaScript SEO

Thursday, September 24, 2009 | Permalink

I have been looking for the time to develop a new portfolio for some time now and have finally completed the site, and in Expression Engine. I am a fan of tag based content management systems and even after building just this website, I feel that it is quite a powerful system and appears very user friendly in all aspects, such as general setup, maintenance and with costing.

It has been just over a year and a half since my first portfolio site was launched, but I feel this site has been a massive upgrade, and I expect it to be much busier from use from myself, and of course from you! For more technical details on the site see the credits page.

Life’s Simple Pleasures

Design Inspiration Web design Web development HTML + CSS JavaScript

Monday, January 05, 2009 | Permalink

I have recently developed a site as a personal project to experiment with CSS3 and few javascript items.

Life’s Simple Pleasures has a scrolling list of exactly that, simple pleasures and moments in life that bring happiness and smiles to our faces. Visitors are also able to submit their own simple pleasures to the site.

I have used various CSS3 techniques such as rounded corners, opacity and drop shadows on the site - meaning that the better your browser is, the better the site will look – as well as the fact that the CSS does not validate.

The site has a simple javascript marquee scroller and a toggling sliding content area, as well as a more complex AJAX form that handles the simple pleasure submissions and contact form.

Credits for the site include the AJAX form, from dustindiaz.com as well as the Marquee from Dynamic Drive, dynamicdrive.

lifes-simple-pleasures.com

CSS Bits

Web development HTML + CSS

Tuesday, July 08, 2008 | Permalink

It has been quite a while since I made a post as I have been working. Whilst at work, I have of course been learning little bits of CSS and I feel that I should unleash them to my portfolio on the interwebs.So, I like the websites these days that display a different color text to the default dark blue background and white highlight. You can use the CSS below to change this (in good browsers)...

::-moz-selection{color:#437996;}
::selection {color:#437996;}

Next up is a smaller change to a webpage, i recently wanted to add a verticle scroll bar to a page that didn’t required it. This was so that when changing to pages that did, the center alignment wasn’t jumping about. Below does this…

overflow: -moz-scrollbars-vertical;

To finish up, I’m posting a technique that has been around for quite some time, the min-height hack that makes min-height work correctly in both Firefox and IE. The below code will force the div height to be 900px, but if there is an overflow of content, the div will expand.

.min-height{
    min-height:900px;
    height: auto !important;
    height:900px;}

As you can see this is a “class”, this should be attached to a div like so…

<div class="min-height" id="homepage-content">

That’s all for now! Small and simple bits I know but I hope you find a use for these techniques! Enjoy.

O’Sullivans Insurance Website

Design Web design Web development HTML + CSS

Tuesday, June 10, 2008 | Permalink

I recently developed a web presence for the Shepparton based business O’Sullivan Insurance Brokers Pty Ltd. The website, although basic, has a smooth, professional and clean design that is consistent across all pages and browsers.The site has some SEO applied including Google analytics installed, contains many forms for downloading, has W3C compliant HTML and CSS and includes a contact form run with some basic PHP.

osullivanib.com.au

SJTA Remake

Design Web development HTML + CSS

Tuesday, March 11, 2008 | Permalink

In 2003 I developed my first website for the Shepparton Junior Tennis Association (SJTA). Its purpose during the season was to hold results, ladders tournament details and miscellaneous information. It consisted of frames, a table based layout, heavy images and was only visually pleasing in IE and at 800x600. Recently,  I completely remade the website and it now has its very own CMS so that uploading results and ladders are a breeze for multiple users. The site has an image gallery, is cross browser compatible, and as always is HTML and CSS vaild. Much better.

sheppjuniortennis.com