A screenshot of high level wireframes in Adobe Illustrator

Mobile First Wireframing

I prefer to take a mobile first approach when it comes to designing websites from scratch. I don’t know about you, but when I want to quickly look something up I always reach for my phone. Keeping this in mind allows me to visualize how the average user is using a website and what information they may be looking for first. I will usually¬†start out sketching by hand. I find

Adobe Illustrator screenshot of high level wireframes

High-Level Wireframes

Before writing any code in a text editor, it is important to give your clients a visual representation of what their website is going to look like. My program of choice for this task is Adobe Illustrator. The ability to display multiple artboards allows one the opportunity to show what different pages will look like or even to show the subtle differences between mobile or desktop views. For this project,

Code to display the index page of a gallery

Gallery with PHP

While there are a variety of ways to create a gallery, one of the first I learned was using PHP. The main purpose of this project was to gain an understanding of uploading and resizing images, adding a watermark if so desired. A visitor to the site would be shown a grid of thumbnails, which when clicked on would bring the user to a page displaying a large version of

Code to display a profile of a novel

Catalogue of Novels

In this project, I used PHP to build a simple CRUDS application to create a catalogue of novels, reading being one of my favourite pastimes. A visitor could use a search feature to filter through the database. A secured admin section allowed the user to add a new novel, edit an existing record, or delete a record. The admin section was sessions based, so the user would not have to