<?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></title>
	<atom:link href="https://www.wagnerswebdesign.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.wagnerswebdesign.com</link>
	<description>Portfolio of my work and responsive site.</description>
	<lastBuildDate>Sat, 04 Aug 2018 15:32:32 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>How important is Facebook marketing for your business?</title>
		<link>https://www.wagnerswebdesign.com/how-important-is-facebook-marketing-for-your-business/</link>
					<comments>https://www.wagnerswebdesign.com/how-important-is-facebook-marketing-for-your-business/#respond</comments>
		
		<dc:creator><![CDATA[Ryan Wagner]]></dc:creator>
		<pubDate>Fri, 29 May 2015 16:09:29 +0000</pubDate>
				<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Web Design tips and tricks]]></category>
		<guid isPermaLink="false">http://www.wagnerswebdesign.com/?p=1059</guid>

					<description><![CDATA[<p>Every business today is looking for an ideal means to market their products and services efficiently. But not every one of them have succeeded this goal successfully. Many of them tend to be small businesses and wouldn’t have much of a budget set aside for advertising and marketing. However, Facebook has become one of the [&#8230;]</p>
<p>The post <a href="https://www.wagnerswebdesign.com/how-important-is-facebook-marketing-for-your-business/">How important is Facebook marketing for your business?</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Every business today is looking for an ideal means to market their products and services efficiently. But not every one of them have succeeded this goal successfully. Many of them tend to be small businesses and wouldn’t have much of a budget set aside for advertising and marketing. However, Facebook has become one of the top choices for businesses to market their products and many of them have managed to find success with gaining exposure on a global scale. The best part about <strong>Facebook marketing</strong> is that it happens to be free and if you manage to devise that right strategy to use <strong>Facebook for business</strong>, then you are bound to generate a significant number of leads. If you look closely, the business world is exploiting this potential of Facebook to amass leads from around the globe. The best thing about Facebook marketing is that you have access to a wide range of audience. With Facebook, you don’t have to go out there and find relevant leads for your business. You can make them come to you and how you do it depends on your creativity and skills.</p>
<p>The first thing you need to do is devise a <strong>Facebook marketing strategy</strong> that people have never seen before and we all know that people always tend to get curious when they see something new. You need to take advantage of this curiosity of people and if you manage to do that, then half your work is done. If you are not sure what an ideal Facebook marketing strategy would be, you can always do a bit of research online and you will find several success stories from people who have managed to take advantage of this social networking platform. It would be hard to find someone who doesn’t spend at least a little time on Facebook every day and it is up to you to decide how you want to generate traffic and leads for your website. There are many companies who are already using Facebook for business and you can always watch and analyse them closely to understand what works well with this platform. Depending upon the type of product and service you have to market, you will need to devise your <strong>Facebook marketing</strong> plan. You can always keep a close watch of what your competitors are doing. This will give you an idea on what needs to be done to keep up with your competition in this competitive market.</p><p>The post <a href="https://www.wagnerswebdesign.com/how-important-is-facebook-marketing-for-your-business/">How important is Facebook marketing for your business?</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.wagnerswebdesign.com/how-important-is-facebook-marketing-for-your-business/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Greensboro Web Design</title>
		<link>https://www.wagnerswebdesign.com/greensboro-web-design/</link>
					<comments>https://www.wagnerswebdesign.com/greensboro-web-design/#respond</comments>
		
		<dc:creator><![CDATA[Ryan Wagner]]></dc:creator>
		<pubDate>Fri, 01 Aug 2014 14:02:07 +0000</pubDate>
				<category><![CDATA[Responsive Design]]></category>
		<category><![CDATA[Web Design Questions]]></category>
		<guid isPermaLink="false">http://www.wagnerswebdesign.com/?p=855</guid>

					<description><![CDATA[<p>If you are looking around Greensboro or Burlington area for someone to freshen up your design or create a mobile, professional website, Wagner's Web Design can help. We specialize in Wordpress and Mobile friendly websites.</p>
<p>The post <a href="https://www.wagnerswebdesign.com/greensboro-web-design/">Greensboro Web Design</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Wagner&#8217;s Web Design is a web design company that is located near Greensboro NC that creates affordable, mobile websites. As a <strong>Greensboro Web Design</strong> company we concentrate on what the client wants while implementing our professional knowledge to design a website that is going to out perform the competition.</p>
<p>We believe in mobile design! There are 73% more users today than 20% of users in 2010 that are using a mobile device to access the internet. Your business does not want to be left behind. You want to make sure your clients can easily access and navigate your website  on a mobile device. With our professional Greensboro web design services we will work with you to improve or create your website with the experience of knowing what will work and what will not work.</p>
<p>If you are looking for a trusted Greensboro web design company, look no further. You can view some of our work on our portfolio page <a title="Greensboro Web Design Portfolio" href="https://www.wagnerswebdesign.com/greensboro-web-design-portfolio/">here</a>. Please feel free to <a title="Contact Wagner's Web Design" href="https://www.wagnerswebdesign.com/contact-us/">contact us</a> if you have any questions. Have a great day</p><p>The post <a href="https://www.wagnerswebdesign.com/greensboro-web-design/">Greensboro Web Design</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.wagnerswebdesign.com/greensboro-web-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Why You need a Web Site</title>
		<link>https://www.wagnerswebdesign.com/why-you-need-a-web-site-2/</link>
					<comments>https://www.wagnerswebdesign.com/why-you-need-a-web-site-2/#respond</comments>
		
		<dc:creator><![CDATA[Ryan Wagner]]></dc:creator>
		<pubDate>Thu, 12 Jun 2014 14:04:14 +0000</pubDate>
				<category><![CDATA[Responsive Design]]></category>
		<category><![CDATA[Web Design Questions]]></category>
		<category><![CDATA[Web Design tips and tricks]]></category>
		<guid isPermaLink="false">http://www.wagnerswebdesign.com/?p=829</guid>

					<description><![CDATA[<p>Trying to get your business information and/or product out to the public, around Greensboro NC or any large city, has always been a task and headache. That is why we have the internet. It helps you easily reach millions of people and possibly potential clients that are located right here in Greensboro NC or through out the United States! The internet is an affordable way of communicating to your audience. If you don't want to lose business to your competitors, You have to advertise to them.</p>
<p>The post <a href="https://www.wagnerswebdesign.com/why-you-need-a-web-site-2/">Why You need a Web Site</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Millions of people have access to the World Wide Web.  No matter what your business is you can&#8217;t ignore millions of people.  Even if you just conduct business within your community like <strong>Greensboro, Raleigh</strong> or larger cities, you want to let people know that you are interested in providing them your service. </p>
<ol>
<li>Lets face it, social media is taking over the internet and clogging peoples time. The good news is that you can gain something off of that. For example: If you have a website you can promote your Facebook page on your site and drive traffic to your social media. This in turn could potentially lead that user back to your site and could turn into a lead of some sort!</li>
<li>If you have thought of it, chances are someone else has to! Not to burst your creative bubble. Most people that are trying to sell and product or service has a website. This means your competitor has a website as well. That person will  be getting more clients than you.</li>
<li>Have you ever wanted a business that is open 24/7 without being manned? Having a website can do just this. Most people search the web in the evenings when most businesses are closed. This gives you the upper hand, because if a client searches and finds your product/services then they could easily become a client!</li>
<li>Most people do not look in papers or phone books to find information or services. They browse the internet. With search engines like Google, Bing, Yahoo, etc.. a user could easily find what they need in seconds on the go. You need to make sure that user can find you once they are searching for a product/service like yours.</li>
<li>Get your brand of your business out there. Having a website improves the overall image of your business. Having a website makes you look legit, in most cases. People do take advantage and create fraud websites. Having a website out weighs the benefit of the amount of fraud websites.</li>
<li>Studies have shown that small businesses make a higher revenue by having a website.  You can market your product/service to a lot more people and a lot faster!</li>
</ol>
<p>If you are located in Greensboro NC or anywhere in the United States, and your interested in pricing of a website please visit  the <a href="/contact-us/">contact</a> page to fill out the form to receive a FREE QUOTE!</p>
<p>Include a short description of what the site will be about, how many pages, example websites that you like and the time you need it by. Once you fill the form out I will contact you shortly. Have a Great Day!</p><p>The post <a href="https://www.wagnerswebdesign.com/why-you-need-a-web-site-2/">Why You need a Web Site</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.wagnerswebdesign.com/why-you-need-a-web-site-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Scalable Icons for your web site &#8211; Font Awesome</title>
		<link>https://www.wagnerswebdesign.com/scalable-icons-for-your-web-site-font-awesome/</link>
					<comments>https://www.wagnerswebdesign.com/scalable-icons-for-your-web-site-font-awesome/#respond</comments>
		
		<dc:creator><![CDATA[Ryan Wagner]]></dc:creator>
		<pubDate>Tue, 10 Jun 2014 14:00:42 +0000</pubDate>
				<category><![CDATA[Responsive Design]]></category>
		<category><![CDATA[Web Design tips and tricks]]></category>
		<guid isPermaLink="false">http://www.wagnerswebdesign.com/?p=790</guid>

					<description><![CDATA[<p>Technology is getting more and more advanced as the days tick by. As technology grows so does the devices and screens that the users views the technology on. Screens are getting more and more advanced and ultra high definition, which brings me to this point. More advanced the screens are becoming the more our images and icons become blurry. That is unless you design for those type of screens.</p>
<p>The post <a href="https://www.wagnerswebdesign.com/scalable-icons-for-your-web-site-font-awesome/">Scalable Icons for your web site – Font Awesome</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></description>
										<content:encoded><![CDATA[<h2>Font Awesome</h2>
<p>I am a big fan of high quality images on high resolution and retina screens. I started last year designing high quality images for the screens of high resolution and retina devices. I also include my icons with this as well. I researched designing for these types of screens and came across <strong>&#8220;scalable icons&#8221;</strong>. At first I thought I had struck gold, at least to me. I was going to enjoy the benefit of not having to create two separate icon sets for my standard and HD screens. I was really intrigued about a set of the scalable icons I had found called <strong>Font Awesome</strong>.</p>
<p><a title="Font Awesome" href="http://fortawesome.github.io/Font-Awesome/" target="_blank">Font Awesome</a> gives you scalable vector icons that can be customized through CSS. Let me stop right there and explain to you what a vector image is.</p>
<p>I will break this down for you &#8220;Scalable Vector Icon&#8221;</p>
<p><strong>&#8211; Scalable:</strong> Is just what it saids resizable.</p>
<p><strong>&#8211; Vector:</strong> The graphic or design is created by math not Pixels. Pixels is what a raster image (example: photograph) is made of. It is tiny blocks that make up the image. Once you enlarge a photo you will see that it starts to get blurry more you enlarge it. When scaling Vector images or icons, the image or icon will be recreated by a way of math for a nice and crisp clean look.</p>
<p><strong>&#8211; Icon:</strong> Of course you should know what an icon is. It image representing something.</p>
<p>It is one font and has a choice of hundreds of icons. At the time of this post font awesome had 439 available icons. Another beauty of font awesome is it does not use any Javascript to make the fonts usable. Font Awesome caught my attention because when I was designing this Greensboro web design site I could use the icons and it looks great on retina and high definition screens. No @2x icons that I had to export and only one font, <strong>NO IMAGES</strong>! Below I have included an example of font awesome with different sizes and it does not matter what type of screen you are viewing this on the icons will look crisp and clear. Below I have created a few examples. As you can see I am change the size and color of the icon just by CSS and this will be nice and crisp icon on retina and HD screens. Please feel free to leave a comment if you have any questions.</p>
<div class="row">
<div class="col-sm-2">
<i class="fa fa-linux font20"></i>
</div>
<div class="col-sm-2">
<i class="fa fa-linux font40"></i>
</div>
<div class="col-sm-2">
<i class="fa fa-linux font60 lightgreen"></i>
</div>
<div class="col-sm-2">
<i class="fa fa-linux font80 lightblue"></i>
</div>
<div class="col-sm-2">
<i class="fa fa-linux font100 orange"></i>
</div>
<div class="col-sm-2">
<i class="fa fa-linux font120"></i>
</div>
</div><p>The post <a href="https://www.wagnerswebdesign.com/scalable-icons-for-your-web-site-font-awesome/">Scalable Icons for your web site – Font Awesome</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.wagnerswebdesign.com/scalable-icons-for-your-web-site-font-awesome/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Setting up your design for Retina images</title>
		<link>https://www.wagnerswebdesign.com/setting-up-your-design-for-retina-images/</link>
					<comments>https://www.wagnerswebdesign.com/setting-up-your-design-for-retina-images/#respond</comments>
		
		<dc:creator><![CDATA[Ryan Wagner]]></dc:creator>
		<pubDate>Mon, 19 May 2014 01:09:01 +0000</pubDate>
				<category><![CDATA[Responsive Design]]></category>
		<category><![CDATA[Web Design tips and tricks]]></category>
		<guid isPermaLink="false">http://www.wagnerswebdesign.com/?p=737</guid>

					<description><![CDATA[<p>The technology is getting better and more and more people are using high-resolution and Retina ready screens. Designing for this can be tricky but I have come up with a pretty good method to preparing my files for the retina and high-resolution screens. This was a challenge for me and took me a while to figure out the best method of setting up my files.</p>
<p>The post <a href="https://www.wagnerswebdesign.com/setting-up-your-design-for-retina-images/">Setting up your design for Retina images</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></description>
										<content:encoded><![CDATA[<p>When setting up your file for retina you will need to create the original size of the image. I am going to use Photoshop for this example. Let&#8217;s say you are designing a logo or advertisement and the original size is 205px X 185px. You will first begin by setting up a file as the 205px X 185px.</p>
<p><img decoding="async" src="https://www.wagnerswebdesign.com/wp-content/uploads/2014/05/retinasize.jpg" alt="retinasize" width="300" height="186" class="aligncenter size-full wp-image-742 img-responsive" srcset="https://www.wagnerswebdesign.com/wp-content/uploads/2014/05/retinasize.jpg 400w, https://www.wagnerswebdesign.com/wp-content/uploads/2014/05/retinasize-300x186.jpg 300w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>Once you have done that, navigate to Image > Image Size and click the drop down (were it reads pixels) and select percent. Make sure you have constrain properties checked. Type 200 in the box that holds your width size (205px). This should now make the file 410px X 370px. </p>
<p>The reason we do this is because retina images is 2x the pixel density. The easiest way to explain is that a retina display times an image by 200%. The reason images look blurry, while browsing a website with a device that has a high-resolution screen, is because the device is enlarging that image 1.5 to 2 times it&#8217;s size.</p>
<p><img decoding="async" loading="lazy" src="https://www.wagnerswebdesign.com/wp-content/uploads/2014/05/retina200ex.jpg" alt="retina image " width="284" height="248" class="aligncenter size-full wp-image-747 img-responsive" /></p>
<p>Once you have finished your design you will save the high-resolution image as &#8220;advertisement@2x.jpg&#8221;. After that, once again navigate to Image > Image Size and click the drop down (were it reads pixels) and select percent, but this time you will only make the size 50% less and then save for web with file name &#8220;advertisement.jpg&#8221;. After you saved the 50% smaller image then you will want to CTRL + Z on PC or CMD + Z on Mac. This way you will always have the high resolution image to start with.</p>
<p>Once you have saved your advertisement you can use something like retina.js to implement the images. I am using retina images in this blog and throughout the site so if you are viewing this site on a retina or high-resolution screen you will see the images are nice and crisp. Please leave a comment if you have any questions or I can be of further assistance. Have a Great Day!</p><p>The post <a href="https://www.wagnerswebdesign.com/setting-up-your-design-for-retina-images/">Setting up your design for Retina images</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.wagnerswebdesign.com/setting-up-your-design-for-retina-images/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>NEW Website Launched!</title>
		<link>https://www.wagnerswebdesign.com/new-website-launched/</link>
					<comments>https://www.wagnerswebdesign.com/new-website-launched/#respond</comments>
		
		<dc:creator><![CDATA[Ryan Wagner]]></dc:creator>
		<pubDate>Fri, 16 May 2014 20:31:30 +0000</pubDate>
				<category><![CDATA[Responsive Design]]></category>
		<guid isPermaLink="false">http://www.wagnerswebdesign.com/?p=727</guid>

					<description><![CDATA[<p>I have launched a new mobile website! It is definitely a makeover from my other site and easier to navigate. The new site includes CSS3 transitions and some fun stuff integrated throughout the site!</p>
<p>The post <a href="https://www.wagnerswebdesign.com/new-website-launched/">NEW Website Launched!</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Check out the <a href="greensboro-web-design-blog/">blog</a> to learn a little about web design or <a href="contact-us/">fill out the form</a> if you have any questions. You can also <a href="#mce-EMAIL">subscribe</a> to the blog post, for design tips and tricks, at the bottom of the website. This site is mobile friendly so check it out on your phone now.</p>
<h2 style="text-align: center; font-size: 20px;">Modern Look, Clean Feel, and Responsive(Mobile)</h2>
<p><img decoding="async" class="aligncenter img-responsive" alt="Wagner's Web Design NEW redesign Project" src="https://www.wagnerswebdesign.com/wp-content/uploads/2014/05/newsite.jpg" /></p>
<h2 style="text-align: center; font-size: 20px;">NEW Wagner&#8217;s Web Design Logo</h2>
<p><img decoding="async" class="aligncenter img-responsive" alt="Wagner's Web Design NEW Logo" src="https://www.wagnerswebdesign.com/wp-content/uploads/2014/03/logo-color.jpg" /></p><p>The post <a href="https://www.wagnerswebdesign.com/new-website-launched/">NEW Website Launched!</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.wagnerswebdesign.com/new-website-launched/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Responsive Webdesign</title>
		<link>https://www.wagnerswebdesign.com/responsive-webdesign/</link>
					<comments>https://www.wagnerswebdesign.com/responsive-webdesign/#comments</comments>
		
		<dc:creator><![CDATA[Ryan Wagner]]></dc:creator>
		<pubDate>Mon, 04 Mar 2013 14:55:44 +0000</pubDate>
				<category><![CDATA[Responsive Design]]></category>
		<guid isPermaLink="false">http://www.wagnerswebdesign.com/?p=520</guid>

					<description><![CDATA[<p>With the up and coming use of mobile devices rising, it is good to start designing responsive websites or mobile versions of websites. 2013 was a big year for responsive website builds. The number of users viewing a website on a mobile device is only going to double if not triple in the years to come.</p>
<p>The post <a href="https://www.wagnerswebdesign.com/responsive-webdesign/">Responsive Webdesign</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></description>
										<content:encoded><![CDATA[<p><strong>What is a Responsive Website?</strong></p>
<p>A responsive website (mobile friendly) is a website that is designed to be viewable on a TV to a phone and any device in-between. A Web designer will create the site so it uses low bandwidth because it is only one website. The advantage to having a responsive website is simply, your client can view your site on the go. Most everyone can agree that more and more people are using their smart phone and tablets to find the information they need. If you do not have a responsive website then you could be missing out on clients. A good example would be the family protection center website below, which was a lead generation site. I created this as a responsive website (for my full-time employer) and within a month it was out performing a website that we had online for six years! This was due to a high volume of mobile users filling out the quote form on the go! So just think about what you are trying to do with your website and decide if it could be right for you. It would cost a little more than a standard website but it is well worth it! If you have any questions just leave a comment below and I will responsed.</p>
<p>Here are a couple of examples of responsive web sites I have designed:<br />
<a href="https://www.alliancelifeusa.com/" target="_blank">Alliance Life USA</a><br />
<a href="http://www.goodsamaritanbonus.com/" target="_blank">Good Samaritan Bonus</a><br />
<a href="https://www.mortgageprotection101.com/" target="_blank">Mortgage Protection</a></p>
<p><strong>Web Designers</strong></p>
<p>If you are a web designer interested in learning about responsive design here are a couple of good frameworks. </p>
<p>There are a couple different responsive frameworks out there to help you get started. There is <a href="http://gumbyframework.com" target="_blank">Gumby 960 framework</a> and <a href="http://getbootstrap.com/" target="_blank">Bootstrap</a>. They both have great documentation and good examples to follow. I have used both, but I have been leaning more toward Bootstrap lately. One reason is because I like to implement font awesome which works well with Bootstrap. I used Bootstrap and font awesome on this Greensboro Web Design site.  </p><p>The post <a href="https://www.wagnerswebdesign.com/responsive-webdesign/">Responsive Webdesign</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.wagnerswebdesign.com/responsive-webdesign/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Create a triangle with CSS ONLY!</title>
		<link>https://www.wagnerswebdesign.com/create-triangle-with-css-only/</link>
					<comments>https://www.wagnerswebdesign.com/create-triangle-with-css-only/#comments</comments>
		
		<dc:creator><![CDATA[Ryan Wagner]]></dc:creator>
		<pubDate>Thu, 24 May 2012 12:48:25 +0000</pubDate>
				<category><![CDATA[CSS3 Tips and Tricks]]></category>
		<category><![CDATA[Web Design tips and tricks]]></category>
		<guid isPermaLink="false">http://www.wagnerswebdesign.com/?p=502</guid>

					<description><![CDATA[<p>You can create a triangle using CSS border property. The trick is when you use different color borders they come together as a point. Below is an example of the four different color borders. As you can see it gives the point as the borders come together.</p>
<p>The post <a href="https://www.wagnerswebdesign.com/create-triangle-with-css-only/">Create a triangle with CSS ONLY!</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></description>
										<content:encoded><![CDATA[<h2><span style="color: #339966;">Update</span></h2>
<div class="row">
<div class="col-sm-4 datediv">
<p class="date"><i class="fa fa-calendar"></i>  April 7, 2014</p>
</div>
</div>
<p>So some people asked why did i use images instead of actually code. Here it is, Use Firebug, Google Chrome, or what ever developer tool you use and copy and paste for your needs.</p>
<div class="triangle"></div>
<hr />
<p><img decoding="async" style="border: none;" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAzklEQVRYhb3Ruw3DMAwAUW7mTCZwc6aIA9uyxD8JXP+KA0Ig6A4PACJotvEAwB/caJ/qBbfYl/qAi+2HOsNl9qwu4AJ7oa7hVHutbuEke6tycNjmVAEO2IIqwy5bVlWw0VapWlhta1UDrLANqg1mbZtqhje2WfXAL9ujOuGb7VT9MAFhQI3AYyB8Rjc8Bp6L3XZIjdhR1W0nqD47R3XYaarVzlRNdrKqt/NVpV2iauwqVbQLVd6uVRm7XN3ZHerSblLfdp862a3q3e5W//YXzX8B2jLeiMYAAAAASUVORK5CYII=" /></p>
<p>So the question I asked myself was, &#8220;How can I use this to my advantage?&#8221;. I found that I could create arrows without images. Below is example of what any arrow would look like with CSS.</p>
<p><img decoding="async" style="border: none;" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAIAAAB8PtMjAAAAfElEQVQ4jZXSORbAIAhFUXauriTZKSnIcUCGj/V9BQIx/MY7qEA7QfqniF401QeNtaaBNqinbWpql946okondNc5nRqiolHaiQq0E7WnFTQzFwKZEg3mD0LBvp08UJtPgvuqosC8WDcwtRt42g4CbQSx1kGqjwDRKwC1BB/kIw1pjzqBNQAAAABJRU5ErkJggg==" /></p>
<p>Here is the code that creates this effect</p>
<p><span style="color: #ff00ff;">.borders{</span><br />
<span style="color: #ff00ff;"> border-color: transparent green transparent transparent;</span><br />
<span style="color: #ff00ff;"> border-style:solid;</span><br />
<span style="color: #ff00ff;"> border-width: 15px;</span><br />
<span style="color: #ff00ff;"> width: 0;</span><br />
<span style="color: #ff00ff;"> height: 0</span><br />
<span style="color: #ff00ff;"> }</span></p>
<p>Just remember when using four values in a single property, like in the border-color property, the first value is the bottom and then clock wise from that point.</p>
<p>I have tested the css property in all major browsers, and seems to work great!</p><p>The post <a href="https://www.wagnerswebdesign.com/create-triangle-with-css-only/">Create a triangle with CSS ONLY!</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.wagnerswebdesign.com/create-triangle-with-css-only/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>Fonts look blurry in FireFox</title>
		<link>https://www.wagnerswebdesign.com/fonts-look-blurry-in-firefox/</link>
					<comments>https://www.wagnerswebdesign.com/fonts-look-blurry-in-firefox/#respond</comments>
		
		<dc:creator><![CDATA[Ryan Wagner]]></dc:creator>
		<pubDate>Tue, 06 Mar 2012 14:31:32 +0000</pubDate>
				<category><![CDATA[CSS3 Tips and Tricks]]></category>
		<category><![CDATA[Web Design tips and tricks]]></category>
		<guid isPermaLink="false">http://www.wagnerswebdesign.com/?p=492</guid>

					<description><![CDATA[<p>Have you ever noticed fonts in FireFox are hard to read or blurry. The culprit to this issue is Helvetica Neue fonts. I keep this in mind when I'm designing for the web.</p>
<p>The post <a href="https://www.wagnerswebdesign.com/fonts-look-blurry-in-firefox/">Fonts look blurry in FireFox</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Take care when you design for any thing that is using html for the web. Choose your fonts carefully. From my research I have found this to be FireFox running on a PC issue. I can not replicate the problem on an apple product running FireFox. This is example of what the fonts will look like.</p>
<p><img decoding="async" loading="lazy" src="https://www.wagnerswebdesign.com/wp-content/uploads/2014/06/blurryfont.jpg" alt="FIrefox Helvetica Blurry font" width="119" height="41" class="aligncenter size-full wp-image-781" /></p>
<h2>Why I think this is the culprit?</h2>
<p>I was able to correct the issue when I used firebug to remove the font-family Helvetica Neue. After removing the Helvetica Neue. This is the results I ended up with.</p>
<p><img decoding="async" loading="lazy" src="https://www.wagnerswebdesign.com/wp-content/uploads/2014/06/blurryFixed_font.jpg" alt="FIrefox Helvetica corrected font" width="100" height="38" class="aligncenter size-full wp-image-780" /></p>
<p>As you can see the difference in the fonts. I would never have believed this if i had not done the research to find this issue.</p>
<p>&nbsp;</p><p>The post <a href="https://www.wagnerswebdesign.com/fonts-look-blurry-in-firefox/">Fonts look blurry in FireFox</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.wagnerswebdesign.com/fonts-look-blurry-in-firefox/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Usability Rules and Principles for Web Design</title>
		<link>https://www.wagnerswebdesign.com/usability-rules-and-principles-for-web-design/</link>
					<comments>https://www.wagnerswebdesign.com/usability-rules-and-principles-for-web-design/#respond</comments>
		
		<dc:creator><![CDATA[Ryan Wagner]]></dc:creator>
		<pubDate>Wed, 29 Feb 2012 14:08:51 +0000</pubDate>
				<category><![CDATA[Web Design tips and tricks]]></category>
		<guid isPermaLink="false">http://www.wagnerswebdesign.com/?p=481</guid>

					<description><![CDATA[<p>Here are a few usability rules that I read in smashing magazine and found interesting and helpful. This is great information for concentrating on designing for the user.</p>
<p>The post <a href="https://www.wagnerswebdesign.com/usability-rules-and-principles-for-web-design/">Usability Rules and Principles for Web Design</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></description>
										<content:encoded><![CDATA[<p>1. <strong>7 links in your navigation</strong> &#8211; George A. Miller&#8217;s studies showed that the human brian short term memory can only retain 5 &#8211; 9 things at a time. In this case it is a good practice to only have the max of 7 links in your navigation. Pretty interesting! I did not realize that until I found this information.</p>
<p>2. <strong>2 second rule</strong> &#8211; This is a rule that the user should not have to wait more then 2 seconds for something to happen. Say if they click a link and a new page loads or any kind of reaction from a user action. This has always been a struggle for me. I am always trying to optimize my web site so it will load faster and response better.</p>
<p>3. <strong>3 Click-Rule</strong> &#8211; This rule suggest that if a user does not find what they are looking for in 3 seconds that they will leave the site.</p>
<p>So here are a couple of rules to follow when designing user interfaces. There are plenty more that you can find at <a title="Smashing Magazine - Raleigh Web Design" href="http://www.smashingmagazine.com/" target="_blank">smashing magazine</a>.</p>
<p>&nbsp;</p><p>The post <a href="https://www.wagnerswebdesign.com/usability-rules-and-principles-for-web-design/">Usability Rules and Principles for Web Design</a> first appeared on <a href="https://www.wagnerswebdesign.com"></a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://www.wagnerswebdesign.com/usability-rules-and-principles-for-web-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
