Faze One Studio » css

Anti Spam - Masking Your Email

Benjamin Doolittle — Mon, 01 Dec 2008 04:32:36 +0000

Here is a very valuable way to stop spam bots from raking your emails while allowing you to still have an active email link. I’ve had a lot of spam and its mostly because of unmasked links that are on my site a few months have passed since applying this to my site i have almost no spam…

This script needs to be embedded in your or where appropriate:

This is the html link:

ben[at]fazeonestudio.com

Sample: View Link

Join the forum discussion on this post - (1) Posts

Baby Bump Photo Tips

Benjamin Doolittle — Fri, 19 Sep 2008 11:28:12 +0000

Here are 5 secrets to beautiful pregnant belly photos:

1. Wait until you’re big, but not too big:
You want your belly to be big and beautiful, but you don’t want it to be so large that posing and holding different positions for any length of time becomes taxing. We suggests taking photos right around 30 weeks. That’s when your belly gets really round, she says, but it’s not too heavy yet. Of course each pregnancy and pregnant belly is different so use your own stamina as a guide.

2. Avoid background clutter:
Just like professional photographers, style your backdrop. So think about what’s behind you. When choosing your location, avoid standing in front of a messy living room - or worse, a messy bathroom. Instead, lie mermaid-style on a solid-color couch or tape some ironed white sheets to the wall and–voila–an instant studio backdrop. Or change things up and step outside: Pick a tranquil spot in your backyard or nearby park or beach to set up camp. We love the leaning-up-against-a-tree look, or, if you’re at the beach, try a profile shot, where you’re sitting up and looking out at the sea.

3. Turn off the flash:
The on-camera flash will be a total wash-out. Maternity photographer Ashley McNamara suggests standing right in front of an open door or window to get great natural light instead. If you’re shooting outside avoid mid-day sun. The best times to go outside are early in the morning or an hour or two before sunset when there’s that golden, sun-tanned, highlights-in-the-hair light.

4. Wear something tight and stretchy:
The whole point of the shoot is to see the gorgeous belly, right? Tight, stretchy clothes will best accentuate all your great curves.

Never wear maternity clothes, since their primary objective is often to feel good on, rather than flatter your shape. McNamara recommends trying some fitted Gap or Old Navy tank tops in solid colors instead.

Skip the florals, plaids, and checks, You want to be able to look back at these pictures in 10 or 20 years and still think the photos look great. Whereas really stylized clothes can get dated, solid darks and neutrals are timeless.

Alternatively, skip clothes entirely. I have a set of sheer curtains from Target, and I use one panel to wrap the breasts and another panel to wrap the belly.

5. Find a great photographer:
You want someone you feel comfortable with and will have fun around taking your picture. If your husband fits the bill, ask him to take the pics (and also to haul any extra props or equipment). Or plan a fun photo date with one of your girlfriends.

Poses to Try:
Here are a few of our expert maternity photographers favorite poses:

Close up on the belly
You lying on your back on a couch.
Older sibling kissing the belly
You holding older sibling (so they’re sitting on the belly facing you)
Sitting Indian style, facing the camera
Working the S curve (one hip out, one shoulder high, one shoulder low, hands relaxed. Think, supermodel!)
Profile shot
Any yoga poses you know (and can get into easily)

Photo Restoration

Benjamin Doolittle — Mon, 01 Sep 2008 00:06:49 +0000

Roll over image!

Here is a sample of my retouch work. Roll over to see the work done to the image.
I have been retouching for several years now, if you would like to have your old photos fixed or know someone that may appreciate having one fixed contact me via the contact form in the contact page or email me, Fall Time is time for Restorations… During fall get 20% off all restoration services!

” I am a fully trained photograph restoration artist, and spent several years restoring and retouching photographs the old fashioned way using special photographic paints and pencils. This training combined with my experience as a graphic artist has given me a thorough knowledge of the software and hardware necessary to do this, and the color expertise that required to do it well.”

See rates page for pricing and information about sending us your images.

New Blog layout

Benjamin Doolittle — Tue, 26 Aug 2008 13:07:17 +0000

I created a new layout to change things up a bit and also the blog looks a lot less bulky and it has a more custom feel to it. At the side you see three colors they are also used throughout the site as well. I have always tried to find the perfect widget , but i like this site to be easy to navigate through and with all the stuff at the side was confusing…I also took the scary picture of me of the top of the blog….lol

Thanks for viewing my blog and work…take the time to subscribe and get instant updates to your email.

Join the forum discussion on this post - (2) Posts

The One Page Wonder

Benjamin Doolittle — Tue, 15 Apr 2008 17:38:56 +0000

Yes its spring and time for some fresh design and simplistic optimization, Clear the clutter with our Specialty Designed One Page Web Site, this is a fully dynamic site using nothing but the latest scripts and modern design concepts. We do offer one page designs for a very fair price of $150.00 for the first page and $75 each additional page, But now using our One Page Site you will have the functionality of a hundred page site all in one, Here is a screen shot of the One Page Wonder:

Roll Over Image To See Effect | View Demo On Request

Also With our spring deals (20 & off) and if you don’t require additional coding to this template you will save an extra 30 buck, Costing you 80 smackarous for the One PageWonder

p.s. this can be integrated with wordpress with little work!

Tips for Effective Web Design

Benjamin Doolittle — Wed, 02 Apr 2008 12:59:36 +0000

Here are some essential web design tips that every web site should follow. Design your web site by following these tips and I guarantee that visitors will have a great first impression of your site.

Fast Loading web site designs - This is the number 1 tip that every web designer should follow. You might design a web site that looks fantastic but few people are going to see it if it takes a long time to load. Your designs should be optimized for the web and should not take more than 15 seconds to load. Remember, you might have a great design but very few people are going to see it if it takes a long time to load.

Clear Navigation - Once a visitor has come to your site you need to make them go through your site. To do this you need to have clear navigation. Make sure all your important links are at prominent places. Preferably right on top - that’s usually where a visitor first looks. Make use of menus on the right and the left. Try to link to as many pages of your site. Let your information be accessible from all parts of the site. You never know what a visitor may be interested in. Try to also use the footer for your important links.

All Resolutions - Today, there are computers with all kinds of resolution. They range from 640 x 480 to 1024 x 768 and go even higher. Your job is to design your site for all these resolutions. The best way to do this is to design your site in terms of percentage and not pixels.

Browser Compatibility - Make sure your site is browser compatible. Your web site should look good in Netscape as well as in Internet Explorer. Don’t stop designing your site as soon as you find that it looks great on IE. Usually Netscape gives some problems, especially when you try doing complicated HTML designs. But don’t give up too soon, usually with patience these problems can be easily fixed.

Readable and professional looking fonts - Don’t ask me how many times I’ve clicked out of a site just because the font is in Comic Sans and the color is a bright pink or green. Just by looking at the font you feel that the site is not a professional site. Don’t use Comic Sans and other fancy fonts that may not be available on most computers. If the font you use is not available in a visitors computer the web site will use the default font of your computer which is much worse. So try to keep to common and professional web fonts. The fonts that I always stick to are Arial and Verdana.

Minimize the use of images - I believe that sometimes simple designs are the most effective for the web. Keep your site simple but neat. Don’t clutter your page with big, bulky images that take ages to load. Instead use tables creatively and design eye - catching icons that will draw a visitor’s attention to a particular section of your site. Tip - Visitors are usually more interested in content than in design.

Use of white space - Try not to clutter up your page with too many images, backgrounds and colorful fonts. Again use the Keep It Simple principle by minimizing the use of graphics and using a lot of white space. White space gives a sense of spaciousness and overall neatness to a site. Notice the white space in our site.

Check for broken links - Always check for broken links within a site before uploading it to your web server. In Dreamweaver you can check for broken links by right clicking on any file in the Site Files Window and then clicking on Check links - Entire Site. If you don’t have this facility you need to upload your site and then check it using online tools like Net Mechanic.

Rounded Corners Using CSS

Benjamin Doolittle — Thu, 28 Feb 2008 16:42:13 +0000

Rounded corners add a nice little design to any page – using rounded corners can be image heavy; So, this post I am going to show you how to make rounded corners using only CSS! This is such a neat little trick and can be very handy.

There are a lot of different methods to make rounded corners – you can use images, JavaScript, CSS or a combination of all three! I am going to make this simple and show you how to make the rounded corners using nothing but CSS. The rounded corners are made using a layering technique – you use (bold) tags and layer them on top of each other to create the rounded corner effect.

The HTML

content here

The CSS .b1, .b2, .b3, .b4 {font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#000; margin:0 5px;}
.b2 {height:1px; background:#000; margin:0 3px;}
.b3 {height:1px; background:#000; margin:0 2px;}
.b4 {height:2px; background:#000; margin:0 1px;}
.content {background: #000;}
.content div {margin-left: 5px; color: #FFF;}

..and of course the speech bubble!

The HTML

content here

The CSS

.bubble {background: transparent; margin:1em;}

.bubble span.s1 {display:block; width:0; height:0; color:#999; overflow:hidden;
border-top:12px solid #000; border-left:12px dotted transparent; border-right:12px dotted
transparent; margin-left:50px;}

.bubble span.s2 {display:block; width:0; height:0; color:#000; overflow:hidden;
border-top:10px solid #999; border-left:10px dotted transparent; border-right:10px dotted
transparent; margin-left:52px; margin-top:-15px;}

.b1, .b2, .b3, .b4, .b5, .b6, .b7 {display:block; overflow:hidden; font-size:0;}
.b1, .b2, .b3, .b4, .b5, .b6 {height:1px;}
.b4, .b5, .b6, .b7 {background:#999; border-left:1px solid #000; border-right:1px solid #000;}

.b1 {margin:0 8px; background:#000;}
.b2 {margin:0 6px; background:#000;}
.b3 {margin:0 4px; background:#000;}
.b4 {margin:0 3px; background:#999; border-width:0 5px;}

.b5 {margin:0 2px; background:#999; border-width:0 4px;}
.b6 {margin:0 2px; background:#999; border-width:0 3px;}
.b7 {margin:0 1px; background:#999; border-width:0 3px; height:2px;}

.content {display:block; background:#999; border:3px solid #000; border-width:0 3px;
color: #FFF;}

Related posts

Tips for Effective Web Design (0)

HTML Cheat Sheet (0)

Grungy Poster - TUTORIAL (0)

Grunge Effect, Web Round-Up (0)

Water Color Background Effect (1)

New Design ~ Doolittle Productions

Benjamin Doolittle — Mon, 04 Feb 2008 07:57:42 +0000

Its been a while in the making but i finally got my main site pimped out at www.doolittleproductions.com have a look and tell me what you think, I’ve had about ten designs for DP, and so far i think this one is the best. I’ll look to see if the wayback machine has any older versions of what it used to look like, When i built my first layout i just used a photoshop page made the page looked how i wanted it then sliced it up, but doing this created a few hundred images , that all have to load before you see the whole page. Gradually i learned about CSS and optimization and by trial and error I’ve learned the fundamentals …

Related posts

Personal Projects & Creative Elevation (0)

You’re Kidding ~ First Vector Pack ~ Available Now (3)

Water Color Background Effect (1)

Vector Silhouettes (0)

Vector CS3 Illustrator Tutorial (0)

Design Color Chart

Benjamin Doolittle — Fri, 02 Nov 2007 04:14:33 +0000

Colors Chart
Here is a list of not commonly used browser colors… Even though they are not so-called “safe” colors such as #000000 or #CCCCCC, they do display properly in all major browsers. The colors are gathered in groups of three, in case you decide to make use of one color, you will have a two similar hues that will match and look good in your design.

Colours Chart

#aeb196 #f9f226

#888b60 #fed813

#56593c #af9526

#9e9e9e #6b8965

#757575 #576a42

#464646 #3b4c28

#fbce3d #c96416

#e0be52 #a1530e

#c5ac47 #7e410b

#b7d97b #cbc3ac

#748f58 #a7a08d

#52653d #898371

#727272 #f9221f

#5b5b5b #db0400

#343434 #880002

#39ffd7 #d4eab9

#2ecfaf #a1b584

#1a7e6a #6d8958

#35652e #e1dac7

#284c22 #a9a38b

#142711 #8e876b

#a40005 #288d99

#8f0006 #20788e

#5b0000 #145d80

#c7cec6 #e20185

#b2b9b1 #a50262

#909889 #6b013f

#d5edef #d8c79c

#b7dfdf #a59561

#80b5b9 #827143

#d5dd3a #c7d6db

#97b903 #97b7b6

#729e0d #77939e

#9c967c #5bac12

#7b7461 #548710

#645d4a #3d640b

#dfeddc #4a7071

#d5e1d3 #35595a

#bccfb7 #203f40

#979ea4 #dcd4ad

#888f99 #c2b98b

#6b727a #a59a64

#7cf1fb #dce1e5

#5eb6c2 #c5ccd2

#366f76 #acb5be

#be7f1e #e7d9d6

#915b13 #d4bdb9

#623307 #b99690

#59626b #e8bf65

#494c55 #c2993f

#2f3237 #8e6919

#f4c9fa #9437c3

#d89de1 #7a22a7

#bf7fc9 #5c0f83

#e7a59a #9884ed

#ca8174 #7662cd

#a75a4d #5a46ae

#d5a3ef #8b565a

#b57dd1 #743c40

#8a53a6 #592327

#02d5d8 #d07620

#01a4a6 #b26011

#00696a #8c460

Related posts

Top Ten Blogs For Web Designers (1)

Setting up Shop! (0)

Reason, Patches and the blog (6)

Photo Retouch — Tutorial Bank (3)

Photo Restoration (0)

	#aeb196			#f9f226
	#888b60			#fed813
	#56593c			#af9526

	#9e9e9e			#6b8965
	#757575			#576a42
	#464646			#3b4c28

	#fbce3d			#c96416
	#e0be52			#a1530e
	#c5ac47			#7e410b

	#b7d97b			#cbc3ac
	#748f58			#a7a08d
	#52653d			#898371

	#727272			#f9221f
	#5b5b5b			#db0400
	#343434			#880002

	#39ffd7			#d4eab9
	#2ecfaf			#a1b584
	#1a7e6a			#6d8958

	#35652e			#e1dac7
	#284c22			#a9a38b
	#142711			#8e876b

	#a40005			#288d99
	#8f0006			#20788e
	#5b0000			#145d80

	#c7cec6			#e20185
	#b2b9b1			#a50262
	#909889			#6b013f

	#d5edef			#d8c79c
	#b7dfdf			#a59561
	#80b5b9			#827143

	#d5dd3a			#c7d6db
	#97b903			#97b7b6
	#729e0d			#77939e

	#9c967c			#5bac12
	#7b7461			#548710
	#645d4a			#3d640b

	#dfeddc			#4a7071
	#d5e1d3			#35595a
	#bccfb7			#203f40

	#979ea4			#dcd4ad
	#888f99			#c2b98b
	#6b727a			#a59a64

	#7cf1fb			#dce1e5
	#5eb6c2			#c5ccd2
	#366f76			#acb5be

	#be7f1e			#e7d9d6
	#915b13			#d4bdb9
	#623307			#b99690

	#59626b			#e8bf65
	#494c55			#c2993f
	#2f3237			#8e6919

	#f4c9fa			#9437c3
	#d89de1			#7a22a7
	#bf7fc9			#5c0f83

	#e7a59a			#9884ed
	#ca8174			#7662cd
	#a75a4d			#5a46ae

	#d5a3ef			#8b565a
	#b57dd1			#743c40
	#8a53a6			#592327

	#02d5d8			#d07620
	#01a4a6			#b26011
	#00696a			#8c460