Portfolio Website Content

Intro
Thanks for visiting!

My name is Stacey, and I'm a web designer/developer and artist living in the incredible city of Vancouver, canada.

Here you'll be able to see the some of the projects I've worked on over the years. Have a look, and if you have time, I'd love to hear from you. To contact me, just send an email to stacey.garrison@gmail.com and I'll answer right away.

Header
Phone#, email, navigation, linked in, something fun?

"monster email" - if they enter their email adress I"ll email them a random monster sketch. NOT keep their email for anything, promise that. Just for fun.

Footer
Contact, privacy policy, copyright (js date)

Call to actions
I'm a bit of a web handywoman, a jack of all trades, hanging somewhere between world of the creatives and the land of code.

I love both, but sometimes I spend more time coding than designing. You can see all my work on this site, though, including:

Web Development (link and thumbnail w/ caption)
Web Development

Let's look at code! This is where I keep my code samples and links to websites I've built.

Drawing and Painting (link and thumbnail w/ caption)
Drawing and Painting

I'm definitely all about making art. Dive into my painting gallery!

Web Design (link and thumbnail w/ caption)
Web Design

I don't just code em, I design em too.

Like what you see?
That's great! I'm open to potential new opportunities, so feel free send me an email(link) if you like my work and want to know more. I love hearing from people.

Web Development
Here you'll find work that I've done in HTML/CSS, Javascript, and Jquery.

I also know some backend stuff; this site has ajax form validation and was built in PHP.

'''Station X (need to get code before it goes down)  - [http://www.stationx.ca/main.aspx
http://www.stationx.ca/main.aspx]'''====
 * Jquery animate, parallax and other effects are used here to give visitors something fun and different than what they might expect.

Susan G. Komen San Diego - [http://www.komensandiego.org/
http://www.komensandiego.org/]====
 * This website can be updated by the client in the Marqui CMS, and they use it to collect donations for Race for the Cure, find volunteers, announce news, and connect with survivors.

Bathfitter (when live

 * This highly customized site is set up with the Marqui CMS so the client is able to update the content as they please.

Jquery Thermometer (modify it so it uses input boxes

 * This thermometer was used to display donation progress. It was integrated into the Marqui CMS so the client was able to change the values without using code.

Mercedes Email Template

 * From a series of monthly emails sent out by Mercedes. These were built to work on a ton of different email clients and devices.

Drawing and Painting
Art has always been important to me, and I definitely consider it a bad day when I don't get to paint. This is where you can see some of my recent work.

Vinescape Painting http://fc04.deviantart.net/fs70/f/2012/256/c/6/vinescape_by_shayljoran-d5emllz.png

 * Conceptual work for a game world, part of my game creation side project (and hobby?)

Frog http://fc01.deviantart.net/fs70/f/2013/050/8/b/froggy_by_shayljoran-d5vkwy4.png

 * I love nature, especially the tiny things.

Elmo http://fc04.deviantart.net/fs70/f/2012/198/b/3/elmo_closeup_by_shayljoran-d57nnku.png

 * Drawn late at night, and without reason.

Cookie Monster http://fc00.deviantart.net/fs71/f/2012/163/a/3/cookie_monster_speedpainting_by_shayljoran-d53aomg.png

 * I love cookies, but I'll never love them this much.

Historicat http://fc09.deviantart.net/fs71/f/2012/166/7/b/historicat_by_shayljoran-d53njpq.png

 * It's an urban myth anyway.

Web Design
Design has always been the best way to express my artistic side at work. Here are some websites I've designed.

Nicki McQuillen Photography - http://weddingsbynickimcquillen.com/

 * This is a Wordpress site, which I designed and built. The client needed something modern in design and simple to update, that was also inexpensive, which wordpress is great for. This site is still a work in progress, but will launch soon.

Susan G. Komen San Diego - http://www.komensandiego.org/

 * The San Diego affiliate needed a new website design to help improve donations and increase awareness. This site was designed and built for the Marqui CMS platform, which is a .Net based application.

Life Sciences BC

 * This client came to us to update their old site, and was in need of a clean, easy to read and navigate website.

Genome Alberta - http://genomealberta.ca/default.aspx

 * With several different blogs getting updated at least weekly, this client needed a website that displayed in a newspaper style to help handle all that information.

Bathfitter Mobile

 * This mobile site needed to follow the bathfitter brand, and direct visitors to the free quote form. It uses the Marqui CMS and mirrors content from the desktop website, so when bathfitter updates their content, both their websites get it.

Marqui Demo Mobile

 * This is a sales tool created to show what the Marqui CMS can do with mobile websites. The design needed to be modern and reflect software, and the content is mirrored from the desktop version of this site.

Resources & Research
Knowledge!

960 grid system -  http://960.gs/

 * I use this when I design, it has gridded templates for a bunch of different platforms. Use these to aid in design, useful grids that help line up elements and keep a clean look.

Javascript Beautifier - http://jsbeautifier.org/

 * My javascript gets messy sometimes. This helps clean it up.

JSHint, finds javascript errors - http://www.jshint.com/

 * This tool keeps my javascript honest.

Subtle Patterns - http://subtlepatterns.com/

 * If you want to design with patterns, 'subtle' is definitely the way to go.

Media Wiki - http://www.mediawiki.org/wiki/MediaWiki

 * This is a good, free wiki that's easy to install and use.

My Answers

 * http://stackoverflow.com/questions/16727133/html-css-how-to-align-part-of-a-cell-to-the-left-and-part-to-the-right/16727185#16727185
 * http://stackoverflow.com/questions/16740607/div-displays-differently-in-ie-and-chrome/16740677#16740677
 * http://stackoverflow.com/questions/16803224/make-div-100-of-unknown-size/16803307#16803307
 * http://stackoverflow.com/questions/16725430/expanding-div-with-background-images/16725749#16725749

My Questions

 * http://stackoverflow.com/questions/16702751/font-face-which-font-file-does-ie9-load-if-the-font-is-installed
 * http://stackoverflow.com/questions/16743520/blurry-images-shifting-content-unreproducable-errors-in-ie9

I'd love to hear from you, here's how to contact me:

 * Email: stacey.garrison@gmail.com
 * Phone: 618-208-0230

Contact Form
Bonus: random monster sketch if you use the form!


 * Name:


 * Email:
 * ( Message:


 * - I don't really want a monster sketch


 * Send

Error Messages:

 * Please include your name.
 * Invalid email address.
 * Please include your email address.
 * Please include a message.
 * Oops, something went wrong when we tried to submit your form. Please refresh and try again. Sorry!

Thank You Page
Thanks for filling out my form. I'll get back to you right away.

-Stacey

Random Monster/sketch
I draw lots of monsters, and if you'd like one of your own, this is the place to get it!

Just fill in your email below and hit send, and a random monster sketch will arrive in your inbox!

This is just for fun, and I won't do anything with your email address. In fact, I just delete it. Form

Form

 * Email _____
 * (cb) I also would like to say hi (expands text area)
 * Message:

Send me a monster!

Error Messages

 * Please enter your email address.
 * Invalid email address.
 * Oops, something went wrong when we tried to submit your form. Please refresh and try again. Sorry!

Thank You Page
Thanks for requesting a monster! It was sent to your email address, but just in case you don't get it or you want it right away, here is the monster that was sent:

(monster image.png)

About/life history
I've been a geek about the web for around 10 years. I started out with Geocities, which, if you can't remember was a bit like this: http://wonder-tonic.com/geocitiesizer/

Anyway, a lot has changed since then; the designs are better, the code is more complex, computers are faster, and website visitors are more impatient.

I love the profession, and I love how fast it changes. The best part of the web is all the new animation and effects that are now possible to create, even though you also have to be pretty careful with them.

My goal as a web designer and developer is to create websites that are easy to use, easy to look at, and easy to update. I feel the web is best used as a way to deliver content to visitors, and that everything else is there to make it as painless as possible for the end user to get that content.

I hope you enjoy the content of this particular website. It was created in the hopes that I can show, at a glance, what I can do as both an artist and a programmer. Thanks for visiting!

Privacy Policy
What information do we collect?

We collect information from you when you fill out a form.

When ordering or registering on our site, as appropriate, you may be asked to enter your: name or e-mail address. You may, however, visit our site anonymously.

What do we use your information for?

Any of the information we collect from you may be used in one of the following ways:


 * To administer a contest, promotion, survey or other site feature

Do we use cookies?

Yes (Cookies are small files that a site or its service provider transfers to your computers hard drive through your Web browser (if you allow) that enables the sites or service providers systems to recognize your browser and capture and remember certain information

We use cookies to understand and save your preferences for future visits and compile aggregate data about site traffic and site interaction so that we can offer better site experiences and tools in the future.

Do we disclose any information to outside parties?

We do not sell, trade, or otherwise transfer to outside parties your personally identifiable information. This does not include trusted third parties who assist us in operating our website, conducting our business, or servicing you, so long as those parties agree to keep this information confidential. We may also release your information when we believe release is appropriate to comply with the law, enforce our site policies, or protect ours or others rights, property, or safety. However, non-personally identifiable visitor information may be provided to other parties for marketing, advertising, or other uses.

Third party links

Occasionally, at our discretion, we may include or offer third party products or services on our website. These third party sites have separate and independent privacy policies. We therefore have no responsibility or liability for the content and activities of these linked sites. Nonetheless, we seek to protect the integrity of our site and welcome any feedback about these sites.

California Online Privacy Protection Act Compliance

Because we value your privacy we have taken the necessary precautions to be in compliance with the California Online Privacy Protection Act. We therefore will not distribute your personal information to outside parties without your consent.

Childrens Online Privacy Protection Act Compliance

We are in compliance with the requirements of COPPA (Childrens Online Privacy Protection Act), we do not collect any information from anyone under 13 years of age. Our website, products and services are all directed to people who are at least 13 years old or older.

Online Privacy Policy Only

This online privacy policy applies only to information collected through our website and not to information collected offline.

Terms and Conditions

Please also visit our Terms and Conditions section establishing the use, disclaimers, and limitations of liability governing the use of our website at http://www.knifehanddesign.com

Your Consent

By using our site, you consent to our websites privacy policy.

Changes to our Privacy Policy

If we decide to change our privacy policy, we will post those changes on this page, and/or update the Privacy Policy modification date below.

This policy was last modified on 6/16/2013

Contacting Us

If there are any questions regarding this privacy policy you may contact us using the information below.

http://www.knifehanddesign.com 9304 Salish Ct. #1006 Burnaby, British Columbia V3J 7C5 Canada stacey.garrison@gmail.com

This policy is powered by Trust Guard, your PCI compliance authority.

About this website, colophon
This website was built with HTML5, CSS, javascript and PHP, and uses the Jquery library. The font on this website is ________, an open source font from Google Fonts

It is responsive and created to work on desktop and mobile devices.

It was designed and built by Stacey Garrison, and is hosted by _______.

Version 1.0.0, last updated ________.