Another Site Launched

Just finishing up a website for Julie Arbuckle a legal resolution expert for the Napa Valley. She is a Mediator, Arbitrator and Evaluator who resolves a wide array of disputes and many different types of litigated cases. Read her resume here.

My designer friend John Schall developed the logo and the branding of this site and I must say it helped illustrate her message of resolution well.

home

Read More

Pet website in progress

Here is a website I’ve been working on.

Below is a screenshot of the home page mockup and one support page along with a rough logo composition. The idea of the site is to pair breeders and buyers with dogs that make good companion pets. Not all shelter dogs fit this description and there is still a need for breeders than breed for certain temperaments that will make a good companion. Through user feedback and a strict set up rules for breeders the idea is to ensure quality in the puppies that are listed here. The database portion of this website is being developed by someone else and is still a work in progress.

View Demo Site

sc1

Read More

What the font?

font

See – I’m using Verdana here!

Have to share this cool little browser button that identifies what fonts are being used on a web page. Not only does it show the name of the font but also the size and weight of the font.

 

Get it from the website fount.artequalswork

 

Read More

New website for Quantum Wine Cellars

Just finished putting up a site for Quantum Wine Cellars who uses grapes from Napa California. I had the pleasure of attending their release reception this last weekend and to sample their wonderful wines. John Schall of John Schall Design designed the logo and the overall look of this website.

Please browse their site to learn more about Quantum’s wines and their process.

quantumhome

 

supportpgs4quantum

Read More

Design process for building an interactive map

This isn’t really a tutorial of how to create an interactive map as this blog post would be way too long and too complex. It’s more about the process of taking various resources and putting them together to create something. As I write this post this map is a work in progress. View Demo

The first step was to create the map. This was mostly done taking a screen grab from a satellite view of our campus off of Google maps. Then the buildings were traced using the pen too for each panel and curve. Shading was applied to give the buildings a 3D look.

header

For masthead where the text looks like chalkboard type I used the rough texture of paper overlay into white type. I then outlined the type and the arrow that I drew with a rough brush.

The map below is using several different technologies.

  • Image maps to make hot regions using Adobe Dreamweaver to define the coordinates on mouse hover.

map1

Read More

Google drive forms

I’ve posted before about Google docs (now called Google drive) but I had to post again because they sure have made my life so much easier!

Doing web forms from scratch can be a time consuming process to make and with Google’s easy form creation tool you can have a working feedback form that collects data in a spreadsheet in a matter of minutes for free!

The draw back is you don’t have a lot of control over the placement of some of the fields. For example if you want to make your form two column you have to get back into trying to do some code hacks so you might as well do another method than Google forms.

You can however control the width of the form that you can then embed in your web page. What I have done here is dress it up with one of my photos. This helps make the web page not so boring with a static form. Make a form and assign it the width of half the page and then drop an image behind either in a table background or as a background DIV tag and you’re done!

 

form1

Read More