2001 My first website was set up with no real objective in mind except to learn a bit of HTML and have some fun. At the time I was editing an internet guide called It's on the Net, and I thought I ought to find out more about how websites were constructed. That first site, at www.andrewnoakes.co.uk (now defunct), had no more than a handful of very simple pages, all of them hand-coded.

pgan.com website in 2003

2002 The first attempt at a serious website for me and my partner, wine writer Paula Goddard, appeared at www.pgan.com in August 2002 (above). Again the pages were coded by hand, and I was running an Apache web server on my Mac to host a local version of the site where I could test the code before uploading pages to the live site.

The pgan.com site is still used, but only to direct readers to either andrewnoakes.com or paulagoddard.com.

andrewnoakes.com website in 2004

2004 The first version of andrewnoakes.com was hand-coded, this time using the excellent freeware Taco HTML editor and adhering to the HTML4 standard, using HTML tables to control layout. It was written largely on a pair of Apple Macs - an eMac G4/700 running Mac OS X 10.2.8 'Jaguar' and a very old Powerbook 1400c/117 running Mac OS 8.6.

2005 All the pages were converted to use XHTML1.0 and CSS for layout, but without making any major visual changes. The XHTML/CSS pages were far easier to code than equivalent HTML pages using tables, and proved to be typically 30% smaller giving an improvement in download times.

2007 The site was reconfigured to run on the Joomla! content management system (CMS). At the same time, Paula moved to her own Joomla!-powered site, paulagoddard.com.

To retain the existing page design I took a long look at how the standard Joomla! templates were put together and then created a new template based on the old site. The result was a site which looked very similar to the previous incarnation, but which was much simpler and quicker to add to and update.


2009 The site had been developed with a new template and new sections, including links to Twitter and other social media, but the fundamentals remained the same.

website 2012

2012 The design was updated taking advantage of modern browser features such as transparency and web fonts, and more content added about the work I do. The site was still powered by the Joomla content management system.

website 2014

2014 The Joomla content management system still underpinned the site in 2014 but the design was all-new, with bigger images and parallax scrolling effects.

website 2018

2018 Parallax scrolling was abandoned as too distracting, and the website was reconfigured to resize responsively for everything from desktop computers to tablets and smartphones. At the same time the URLs were tidied up and the site structure was rethought to make navigation easier.

Share this page