This website is for showing past work to RTMC.
It is not intended for any other purposes.
It is also best viewed on a desktop browser since the "Old Sites" were created before the invention of the Smart Phone and thus are not mobile friendly. When you click on the buttons on the left, that site will open in it's own tab. You can simply close that tab and you will return to this site.
A list of websites that I have been working on since I stopped teaching earlier this year. They include the latest technologies and are the best examples of how I create websites today. They ARE mobile friendly and will respond to the size of the browser window. (Adjust the size of your browser window to see this in action!)
This is one of the websites that I am currently working on. It is approximately 75% complete. It is a 'mobile first' design that includes a flexible grid system and uses HTML5, CSS#, and jQuery. It is a single-page design in order to have fewer server requests which is important for mobile users. At this point it is best viewed in Firefox as I am currently working on a bug where the header is not being displayed correctly in Chrome and Internet Explorer. I am responsible for all the design, coding, and graphics creation. I was also responsible for about half of the current photography. The remainder of the photography came from the client. The wireframes, style guides, and mockup can all be found in my public Dropbox folder which can be downloaded from here. After downloading, please extract the Zip file and you will find all the images inside.
This is a website that I recently just finished for a friend of mine. I was responsible for most of the coding and a little bit of graphics creation. The design and all the photography was provided by an outside design agency. The site is built upon the WordPress framework and is mobile friendly. It also includes some custom JavaScript for the surveys. This site is now ‘live’ (i.e. on the internet at its own domain – not on a testing server).
A list of websites that I used for the classroom. These are sites that the students would follow along and create together as guided learning. They are relatively simple, but still show basic skills and design. All design and graphics were created by me. Photography was acquired from the internet under the “Fair Use” clause (for education).
This single webpage was used to show students how to create web sites using the current standard of CSS positioning and CSS navigation. It also includes re-usable styles that can be created one time and then applied in several locations thus cutting down on file size and therefore download times. It also includes styles to easily ‘mark’ a story as belonging to a particular category (i.e. football, baseball, etc. in sports section) or as marking a winner (in the scores section). Some content was removed to protect past students.
This is a simple static website that shows a very basic method of absolute CSS positioning. It was the student’s first custom coded HTML website. It is also their first introduction into creating CSS styles for text and graphics. It also includes examples of image maps and in-page navigation (clicking the icons in the secondary navigation on the Surf and Skate pages to scroll down to the appropriate spot on the page).
This is a table-based website which used to be the standard for web design up until about 2010 when Smart Phones started becoming much more popular (If you’ve ever had to pinch to zoom into a webpage and scroll back and forth with your finger a lot, it’s probably table-based). This is the way your current website is created. Table-based layouts are not considered acceptable by today’s standards. (In fact, browsers don’t support table heights anymore which is why you probably see a blue section at the bottom of the first page.) This website was included because it also includes some of the more common uses for JavaScript. This includes ‘rollover buttons’ (buttons that change when you place your mouse over them), ‘thumbnail images’ (clicking on a small version of an image and having a larger version pop up in a new window – found on the Xbox and PS3 pages by clicking on the game boxes as well as on the Contact page map), and ‘remote rollovers’ (placing your mouse over one image changes another separate image. This can be found above the main navigation as well as on the picture viewer on the ‘Halo’ page which is accessed from the Xbox page). It also contains an introduction to web forms.
These are websites that I created before/during my years as a web design teacher. These websites were created before the age of Smart Phones and widescreen LCD displays. They would not be considered acceptable by today’s design standards.
This site was originally created in 2004 with some minor updates being done in 2009 to reflect changes in the company’s offerings. The company is still in existence , but they did have a site redesign a few years ago (I was approached to do the redesign, but at that time I had already closed my web design company and was teaching from 9am to 9pm weekdays and simply didn’t have the time). I was responsible for all the design, coding, and graphics creation with the exception of the company logo. The photography (including spa and gazebo images) were provided by the client.
Another older website created for a new startup company. That company is no longer in business. Again, I was responsible for all the design, coding, and graphics creation. All photography was provided by the client.
To see examples of some of my Graphic Design work: Click Here