<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Pro Web Marketing &#187; design</title>
	<atom:link href="http://www.prowebmarketing.com/blog/tag/design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.prowebmarketing.com/blog</link>
	<description>Web Development &#38; SEO Experts</description>
	<lastBuildDate>Tue, 10 Jan 2012 15:39:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Using Non-Standard Fonts &#8211; Solutions and Issues</title>
		<link>http://www.prowebmarketing.com/blog/web-site-tools/using-non-standard-fonts-solutions-and-issues</link>
		<comments>http://www.prowebmarketing.com/blog/web-site-tools/using-non-standard-fonts-solutions-and-issues#comments</comments>
		<pubDate>Mon, 21 Dec 2009 17:55:06 +0000</pubDate>
		<dc:creator>Pro Web</dc:creator>
				<category><![CDATA[Website Tools]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[non]]></category>
		<category><![CDATA[standard]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.prowebmarketing.com/blog/?p=375</guid>
		<description><![CDATA[One of the more challenging obstacles in website design are the limits imposed on designers by the idea of &#8220;web fonts&#8221;.  Web fonts are the few type faces which are installed on every system globally.  To maintain a consistent look to all users, most designers will stick to using those few fonts (Verdana, Arial, Times, [...]]]></description>
			<content:encoded><![CDATA[<p>One of the more challenging obstacles in website design are the limits imposed on designers by the idea of &#8220;web fonts&#8221;.  Web fonts are the few type faces which are installed on every system globally.  To maintain a consistent look to all users, most designers will stick to using those few fonts (Verdana, Arial, Times, Georgia, and Palatino are most common) or use images to replace headers.  This former solution causes a very stale, plain look that users see on every website they visit.  The latter can seriously hurt your search engine rankings.  Neither of those sound very appealing!</p>
<p>Innovative and curious as the developers are Pro Web Marketing are, we&#8217;ve found several alternatives that can avoid the downsides of traditional solutions.</p>
<p><span id="more-375"></span></p>
<h3>Fahrner Image Replacement</h3>
<p>Fahrner Image Replacement is a technique that was originally thought up by Todd Fahrner, but it is simple and obvious enough that many other designers and developers have thought of it on their own (Us included!)  The idea is that you may use CSS (Cascading Style Sheets) to &#8220;Hide&#8221; the heading, and superimpose the graphic version of that text over it.  This is good for basic header replacement, but it requires a lot of manual work.   The text is also impossible to &#8220;copy&#8221; for an end-user, which is bad for accessibility.</p>
<p><a title="FIR" href="http://en.wikipedia.org/wiki/Fahrner_Image_Replacement" target="_blank">&#8230;Read more about FIR</a></p>
<h3>(Scalable) Inman Flash Replacement (sIFR)</h3>
<p>sIFR is a technique which uses Adobe&#8217;s Flash Player to replace text with a dynamic flash layer automatically.  It utilizes Flash, JavaScript, and CSS to create what is probably the most full-featured option to show your fonts in their full glory.  The only downsides?  It is a real pain to set up, and it requires that your users have a modern version of the flash player.  It can also cause havoc on slower PCs!</p>
<p><a title="sIFR" href="http://en.wikipedia.org/wiki/Sifr" target="_blank">&#8230;Read more about sIFR</a></p>
<h3>Cufon &#8211; My personal favorite!</h3>
<p>Cufon is a project designed to replace sIFR.  It uses JavaScript and a custom &#8220;Generator&#8221; to create a script directly from your font.  All you have to do is generate the script, include it, and deploy it at specified selector tags (headings, etc).</p>
<p>Cufon works in all major browsers and does not interfere with any text interaction such as copying and pasting, and even allows for perfect search engine spidering.</p>
<p><a title="Cufon" href="http://cufon.shoqolate.com/generate/" target="_blank">Check it out here</a></p>
<h3>Looking to the future &#8211; CSS3 and Modern Browsers</h3>
<p>CSS3 includes the &#8220;@font-face&#8221; property as part of its specification.  This will allow developers to specify which font they want to use by uploading a copy of it to their server.  The code will work like this:</p>
<pre style="padding-left: 30px;">@font-face {
  font-family: &lt;a-remote-font-name&gt;;
  src: &lt;source&gt; [,&lt;source&gt;]*;
  [font-weight: &lt;weight&gt;];
  [font-style: &lt;style&gt;];
}
<!--more--></pre>
<p>Once all major browser vendors have implemented this into their specification, this technique will become more popular.  <a title="https://developer.mozilla.org/index.php?title=En/CSS/%40font-face" href="http://" target="_blank">Learn more about the spec here.</a></p>
<h3>Conclusion</h3>
<p>Using non-standard fonts still requires a bit of extra work at this point, and all of these techniques should only be used sparingly.  Your pages main body text should still be a web-standard font, for most cases.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.prowebmarketing.com%2Fblog%2Fweb-site-tools%2Fusing-non-standard-fonts-solutions-and-issues&amp;title=Using%20Non-Standard%20Fonts%20%26%238211%3B%20Solutions%20and%20Issues" id="wpa2a_2"><img src="http://www.prowebmarketing.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.prowebmarketing.com/blog/web-site-tools/using-non-standard-fonts-solutions-and-issues/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>More Bang For Your Buck</title>
		<link>http://www.prowebmarketing.com/blog/graphic-design/more-bang-for-your-buck</link>
		<comments>http://www.prowebmarketing.com/blog/graphic-design/more-bang-for-your-buck#comments</comments>
		<pubDate>Fri, 11 Dec 2009 21:42:05 +0000</pubDate>
		<dc:creator>Pro Web</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[project]]></category>

		<guid isPermaLink="false">http://www.prowebmarketing.com/blog/?p=354</guid>
		<description><![CDATA[Let &#8221;s just take a minute and talk about budgeting your next design project. I understand that this year has been rough but I think it&#8221;s true when I say we should all be proactive when it comes to running a business this year. This holds true to revamping advertising ideas and marketing strategies to [...]]]></description>
			<content:encoded><![CDATA[<p>Let &#8221;s just take a minute and talk about budgeting your next design project. I understand that this year has been rough but I think it&#8221;s true when I say we should all be proactive when it comes to running a business this year. This holds true to revamping advertising ideas and marketing strategies to reinvent how to generate larger revenue. I would like to talk about a few things that will make revamping your next project to be more streamlined and to also help you save cost on a professional designer.<span id="more-354"></span></p>
<ol>
<li>Communication: This is very important before starting a project and laying out all the correct information in the beginning will help things go much quicker. Also convey aspects of the project that you just don&#8221;t want to see or thing you do want to see. If you know something specific you want then let the designer know. They will also consult you on why or why not that is a good idea or not. Also be sure to describe the whole project before hand.</li>
<li>Invest In An Expert: Let them do exactly what you paid them to do. Give them time to figure out the best solution to your needs. A good designer will be upfront and let you know the time it will take to do the project. If the time is surprising, don&#8221;t worry it&#8221;s for a good reason. They will call you with questions and or concerns in the process.</li>
<li>Do You Have A Budget: Of course you do, so stick with that and lay it out on the table to the designer. When doing this you give the designer the information to decide what will be needed for the project and how to cut costs. Any good designer can work with a budget and still be able to design a great end product. If something comes up for an extra costs; yes this does happen so please don&#8221;t be surprised, they will let you know about it.</li>
<li>Let The Professional Do The Work: Let them give you options of what they know will be the best solution. If you don&#8221;t like something then communicate that to them as best you can.</li>
<li>Be Organized: This will also save time which can also save money. Be organized with your information. If you have photos you want to incorporate, then categorize them into folder by name. This leaves out time that the designer will need to organize them himself when they don&#8221;t know anything about your image.</li>
</ol>
<p>After taking these initial steps to starting your next design project with a professional this will sure be a productive investment to saving money long term and creating some great work.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.prowebmarketing.com%2Fblog%2Fgraphic-design%2Fmore-bang-for-your-buck&amp;title=More%20Bang%20For%20Your%20Buck" id="wpa2a_4"><img src="http://www.prowebmarketing.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.prowebmarketing.com/blog/graphic-design/more-bang-for-your-buck/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Invest In Expert Design</title>
		<link>http://www.prowebmarketing.com/blog/graphic-design/invest-in-expert-design</link>
		<comments>http://www.prowebmarketing.com/blog/graphic-design/invest-in-expert-design#comments</comments>
		<pubDate>Fri, 11 Dec 2009 21:06:10 +0000</pubDate>
		<dc:creator>Pro Web</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[expert]]></category>
		<category><![CDATA[graphic]]></category>

		<guid isPermaLink="false">http://www.prowebmarketing.com/blog/?p=352</guid>
		<description><![CDATA[Of course we all want more for a decent price this year. Now when this topic comes to design and web development it is always a good thing to invest wise when it comes to your upcoming design project. Whether your representing your company with a new brand or advertising with print ads, you will [...]]]></description>
			<content:encoded><![CDATA[<p>Of course we all want more for a decent price this year. Now when this topic comes to design and web development it is always a good thing to invest wise when it comes to your upcoming design project. Whether your representing your company with a new brand or advertising with print ads, you will want to make sure you get a professional to do the work. <span id="more-352"></span>Due to the recent advances in software, computers and also online education there has been many people proclaiming they know how to design a brand for your business, or layout a 20,000 piece order for a point of purchase display. They claim they can because they bought a logo design software program from Office Max for $40 now they can charge people a low cost logo. Sure they can do that but let me lay out real quick what they are getting from that software.</p>
<ul>
<li>Clip Art Designs</li>
<li>Cookie Cutter Marks</li>
<li>Limited Color Options</li>
<li>No Creative Control</li>
<li>Same Logo That Competitor Has</li>
</ul>
<p>These are just some of the factors. Designers are creative people that know advanced software inside and out so that they can get out of their heads onto a digital art board their creative ideas. They go to design school, take color theory and print production classes. Create a their own creative process for dealing with problems like print time demands and money limitations. They are experience and know what color scheme and logo marks will work best for a businesses brand.</p>
<p>In the industry of design you get what you pay for and if you need to invest wisely in someone who is an expert in their field of work and can create something for your businesses needs that is visually compelling and jaw dropping. Doing this will help an owner save money in the long run and be able to generate a larger clientele with a long lasting, time tested design.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.prowebmarketing.com%2Fblog%2Fgraphic-design%2Finvest-in-expert-design&amp;title=Invest%20In%20Expert%20Design" id="wpa2a_6"><img src="http://www.prowebmarketing.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.prowebmarketing.com/blog/graphic-design/invest-in-expert-design/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Typography and the Web</title>
		<link>http://www.prowebmarketing.com/blog/graphic-design/typography-and-the-web</link>
		<comments>http://www.prowebmarketing.com/blog/graphic-design/typography-and-the-web#comments</comments>
		<pubDate>Fri, 20 Nov 2009 20:50:41 +0000</pubDate>
		<dc:creator>Pro Web</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[content]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[graphic desgin]]></category>
		<category><![CDATA[type]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://www.prowebmarketing.com/blog/?p=319</guid>
		<description><![CDATA[Throughout the past few years Typography for the web has been going through some changes. Before designers were unable to work with fonts they wanted without using images of the text. Most browsers will only read certain types of system fonts which has hindered the designers creativity. We have been constantly searching new tricks and [...]]]></description>
			<content:encoded><![CDATA[<p>Throughout the past few years Typography for the web has been going through some changes. Before designers were unable to work with fonts they wanted without using images of the text. Most browsers will only read certain types of system fonts which has hindered the designers creativity. We have been constantly searching new tricks and ways to display better fonts in browsers and nothing has really seemed to work well with search engines. Until recently there has been a new way to create editable text in web browsers&#8230;..<span id="more-319"></span>The &#8220;Scalable Inman Flash Replacement&#8221; or sIFR for short. This technique uses a combination of images text and flash to create editable text content readable by search engines for web browsers. Compatible on Macs, Windows and Linux machines with javascript on.</p>
<p>So with all that being said lets talk a moment about good Typography practices. Every web page or design needs to first start with a clear a readable font. I mean readable especially at smaller text sizes. When you have smaller text your height or &#8220;x-height&#8221; as we call it needs to be higher and also the space between the letters needs to be a bit larger. Ok now for contrast and why we thrive on it. It is important to keep in mind that you should switch it up and have different types of fonts in a design to generate interest and a personality. But don&#8217;t go crazy with this idea because some fonts can just as easily resist each other. But also having them very similar will not create enough contrast which can make for a weak design. So I recommend keeping it simple and fun. Sans serif fonts are great for heading areas to display call to action for posters, flyers, business cards and many other print work. These sans serif fonts can be read easily when larger in size and the letters are closer together. Serif fonts are better for body copy and smaller heading areas. Hope this information helps with any of your Typography questions.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.prowebmarketing.com%2Fblog%2Fgraphic-design%2Ftypography-and-the-web&amp;title=Typography%20and%20the%20Web" id="wpa2a_8"><img src="http://www.prowebmarketing.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.prowebmarketing.com/blog/graphic-design/typography-and-the-web/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tracey Madder Photography</title>
		<link>http://www.prowebmarketing.com/blog/new-web-design-projects/tracey-madder-photography</link>
		<comments>http://www.prowebmarketing.com/blog/new-web-design-projects/tracey-madder-photography#comments</comments>
		<pubDate>Wed, 04 Nov 2009 19:43:12 +0000</pubDate>
		<dc:creator>Pro Web</dc:creator>
				<category><![CDATA[New Web Design Projects]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[madder]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[tracey]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.prowebmarketing.com/blog/?p=196</guid>
		<description><![CDATA[One of our newest clients, Tracey Madder, came to us to design a website that portrayed her artistic abilities as well as her experience.  We came up with a solution that offers a lot of functionality through website tools.  We are using JavaScript and Flash techniques to display her photography in an interesting and easily [...]]]></description>
			<content:encoded><![CDATA[<p>One of our newest clients, Tracey Madder, came to us to design a website that portrayed her artistic abilities as well as her experience.  We came up with a solution that offers a lot of functionality through website tools.  We are using JavaScript and Flash techniques to display her photography in an interesting and easily accessible way.<span id="more-196"></span></p>
<p><img class="alignnone" title="Tracey Madder Website Screenshot" src="http://i35.tinypic.com/2drdxfs.jpg" alt="" width="300" height="201" /><br />
We will also be implementing a unique image upload service so that her clients can view and download their photos.</p>
<p>Look for <a title="Tracey Madder Photography" href="http://traceymadder.com/" target="_blank">www.traceymadder.com</a> to launch in the next few weeks!</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.prowebmarketing.com%2Fblog%2Fnew-web-design-projects%2Ftracey-madder-photography&amp;title=Tracey%20Madder%20Photography" id="wpa2a_10"><img src="http://www.prowebmarketing.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.prowebmarketing.com/blog/new-web-design-projects/tracey-madder-photography/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>9 Reasons Your Business Should Have a Web Site</title>
		<link>http://www.prowebmarketing.com/blog/web-site-design/9-reasons-your-business-should-have-a-web-site</link>
		<comments>http://www.prowebmarketing.com/blog/web-site-design/9-reasons-your-business-should-have-a-web-site#comments</comments>
		<pubDate>Mon, 26 Oct 2009 20:27:31 +0000</pubDate>
		<dc:creator>Pro Web</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Internet Marketing]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[web design marketing]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.prowebmarketing.com/blog/?p=130</guid>
		<description><![CDATA[1.  Your web site provides customers with basic contact information. 2.  Many people research products and services on the internet prior to their purchase. 3.  You are able to update important information about your business. 4.  A web site allows a business to reach their local market. 5.  By having your customers utilize your web [...]]]></description>
			<content:encoded><![CDATA[<p>1.  Your web site provides customers with basic contact information.</p>
<p>2.  Many people research products and services on the internet prior to their purchase.</p>
<p><span id="more-130"></span></p>
<p>3.  You are able to update important information about your business.</p>
<p>4.  A web site allows a business to reach their local market.</p>
<p>5.  By having your customers utilize your web site to answer frequently asked questions, you will be reducing costs.</p>
<p>6.  Information about your business is available 24 hours a day, seven days a week.</p>
<p>7.  Obtain important feedback from your customers.</p>
<p>8.  Stay in contact with your customers.</p>
<p>9.  Promote your business by allowing your customers to view your product or market.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.prowebmarketing.com%2Fblog%2Fweb-site-design%2F9-reasons-your-business-should-have-a-web-site&amp;title=9%20Reasons%20Your%20Business%20Should%20Have%20a%20Web%20Site" id="wpa2a_12"><img src="http://www.prowebmarketing.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.prowebmarketing.com/blog/web-site-design/9-reasons-your-business-should-have-a-web-site/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design Outside the Grid</title>
		<link>http://www.prowebmarketing.com/blog/web-site-design/design-outside-the-grid</link>
		<comments>http://www.prowebmarketing.com/blog/web-site-design/design-outside-the-grid#comments</comments>
		<pubDate>Mon, 12 Oct 2009 14:39:10 +0000</pubDate>
		<dc:creator>Pro Web</dc:creator>
				<category><![CDATA[Website Design]]></category>
		<category><![CDATA[custome]]></category>
		<category><![CDATA[custome web design]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://prowebmarketing.com/blog/?p=26</guid>
		<description><![CDATA[Recently I have noticed many trends with Web sites. It is usually the same old layouts with strict columns and a box style grid. It is time for a change and to have some more thought out layouts than just columns with a header and footer. The future of Web sites involves using a background [...]]]></description>
			<content:encoded><![CDATA[<p>Recently I have noticed many trends with Web sites. It is usually the same old layouts with strict columns and a box style grid. It is time for a change and to have some more thought out layouts than just columns with a header and footer.</p>
<p>The future of Web sites involves using a background image along with the layout in conjunction. For many years we have put patterns and one color backgrounds in our sites. It is time to  evolve into large background images and integrating those images into the layout of Web sites. <span id="more-26"></span>Overlap some images with text, extend them over other elements. Make things interesting to the viewer so they will want to be more visually engaged in the Web site. Don&#8217;t be afraid of white space. There is nothing wrong with it. Its there to push your eye to where you want your customer to go.</p>
<p>As a business owner please be aware of these evolving strategies and make sure you make the right decision when choosing who is creating your Web site.</p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.prowebmarketing.com%2Fblog%2Fweb-site-design%2Fdesign-outside-the-grid&amp;title=Design%20Outside%20the%20Grid" id="wpa2a_14"><img src="http://www.prowebmarketing.com/blog/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.prowebmarketing.com/blog/web-site-design/design-outside-the-grid/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

