Tutorials

Who Else Wants a Web Design Contract?

by Freddy on December 9, 2008 · 0 comments

Planning and writing out a web design contract is a straight up pain in the butt. But it is downright necessary! (Unless of course you want to get shafted every once in awhile.)

More than likely, you want to get paid. Paid the correct amount…on time.

What should you include in your contract? What verbiage should you use? Where do you start?

Start by looking at what other web design companies have done. Here is a list of some web design contract examples that you can maybe glean some ideas from.

http://www.wilsonweb.com/worksheet/pkg-con.htm

http://www.zenfulcreations.com/resources/worksheets/design_contract.htm

http://www.justintimedesign.com/pdf_lnk.php?web_design=web_design_contract

ftp://ftp.hwg.org/pub/archives/docs/legal/consult-remove.txt

http://www.docstoc.com/docs/2665843/Sample-Web-Design-Contract

http://www.roostergraphics.com/ADMIN/forms/FwebDesign.html

http://graphixwebdesign.com/design_contract.htm

http://www.siteimpressions.com/contracts/contract_frsite.htm

http://www.holtwebdesign.net/websitedesigncontract.pdf

http://www.hitech-solutions.com/Contract_webdesign.asp

http://www.northstate.org/wdcon7.html

http://www.orion-hitek.com/WDContract.pdf

http://www.gallantrywebdesign.com/contract.html

http://www.site-maker.com/website-contract.htm

http://www.geekartist.net/sample-contract.html

Of course after looking through these, should you decide to use some of them, you might want to run it by an attorney just to make sure that it’s ok.

If you like this post please comment below.

{ 0 comments }

How to Make an Image Rollover in CSS

by Freddy on December 1, 2008 · 2 comments

In this tutorial I will teach you how to make an image rollover using CSS and Adobe Illustrator. It’s pretty straightforward and shouldn’t take you more than a couple of minutes. I’ve included the HTML, CSS, and image below the video.

If you like this tutorial please make it known by bookmarking it and commenting below.

index.html

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Home Button</title>
<link type=”text/css” rel=”stylesheet” href=”style.css”>

</head>

<body>

<a class=”homebutton” href=”#”>Home</a>

</body>
</html>

style.css

@charset “UTF-8″;
/* CSS Document */

a.homebutton {
display:block;
width:120px;
height:40px;
text-indent:-5000px;
background:url(images/homebutton.jpg);
text-decoration:none;
}

a:hover.homebutton {
background-position: -120px 0;
}

{ 2 comments }

How to Get Screenshots for Your Web Design Portfolio

by Freddy on November 4, 2008 · 0 comments

I remember when I first tried to create a professional web design portfolio for myself. Man…that was tough! I would do a “print screen”, then have to open it in an image editor, crop it, resize it, and resave it.

Ok…maybe doing all that wasn’t “the end of the world” tough, “but there has to be an easier way to save my websites as images”, I thought.

And there was.

It’s an easy-to-use plugin for Firefox called Screengrab!. Screengrab! allows you to capture the full website, the visible portion of the website, or a specific selection and save it as an image by simply pressing a button.

It’s super easy to use. Wanna see? Then watch the video below.

{ 0 comments }

How to Get Free Vector Art

by Freddy on November 1, 2008 · 2 comments

I’ve had some pretty artsy clients before. They had a contemporary style and wanted their web design to show that.

Of course I would tell them that it was my specialty and that I would come up with a design that would knock their socks off. I would then go home and sweat bricks. How would I come up with contemporary designs? Would I have to draw everything on paper first? I’m not that great at drawing so that wasn’t an option.

What if there was a website I could download graphics from and then tweak them to use them in my projects? Well, I found just that site (in fact, one of many, but this one’s my favorite). Wanna know what it is?

Watch the video. (hint: it’s a great way to get free vector graphics).

{ 2 comments }

Web Design Tool – Web Developer Toolbar

by Freddy on October 30, 2008 · 1 comment

I came across this web design tool awhile back and it has proven to be invaluable. It has taught me alot about web design as it has allowed me to take a sneak peek at other peoples’ coding and design techniques.

This tool is the Web Developer Toolbar for the Firefox, Flock, and Seamonkey browsers. Take a look at this video to see how this can be a very invaluable web design tip for you:

{ 1 comment }

Next Entries →