<?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>QT Web Designs &#187; Blog</title>
	<atom:link href="http://qtweb.ca/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://qtweb.ca</link>
	<description></description>
	<lastBuildDate>Tue, 27 Mar 2012 20:49:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Dummy Text Isn&#8217;t Just For Designers</title>
		<link>http://qtweb.ca/2012/03/27/dummy-text-isnt-just-for-designers/</link>
		<comments>http://qtweb.ca/2012/03/27/dummy-text-isnt-just-for-designers/#comments</comments>
		<pubDate>Tue, 27 Mar 2012 20:49:41 +0000</pubDate>
		<dc:creator>QT Web Designs</dc:creator>
				<category><![CDATA[Frequent Questions]]></category>
		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://qtweb.ca/?p=1358</guid>
		<description><![CDATA[If you&#8217;re a client of ours, or you&#8217;re working with a designer and you haven&#8217;t submitted any copy to them for an upcoming design project, there&#8217;s a pretty good chance that the project will come back to you for revision stuffed with dummy text. We love dummy text, as it fills out a design prior [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-large wp-image-1360 alignnone" title="Dummy Text" src="http://qtweb.ca/wp-content/uploads/2012/03/title-page-640x480.jpg" alt="" width="640" height="480" /></p>
<p>If you&#8217;re a client of ours, or you&#8217;re working with a designer and you haven&#8217;t submitted any copy to them for an upcoming design project, there&#8217;s a pretty good chance that the project will come back to you for revision stuffed with dummy text.</p>
<p>We love dummy text, as it fills out a design prior to getting the final copy from a client.Whether you&#8217;re a designer or not, dummy text can be helpful when you&#8217;re putting together documents with missing sections, email campaigns in progress or other design pieces that you don&#8217;t need a designer for. It&#8217;s also a great way to determine how much text fits into an area before you compose the copy.</p>
<p>Most people like to write a random sentence and duplicate it over and over. Unfortunately this strategy tends to be a little distracting:</p>
<blockquote><p><em>&#8220;Random text goes in this sentence here. <em>Random text goes in this sentence here. </em><em>Random text goes in this sentence here. </em><em>Random text goes in this sentence here. </em><em>Random text goes in this sentence here. </em><em>Random text goes in this sentence here. </em><em>Random text goes in this sentence here.</em>&#8220;</em></p></blockquote>
<p>Thankfully there are plenty of alternatives. Since the early 1500&#8242;s the design industry has employed the use of several paragraphs of meaningless text called Lorem Ipsum. Looking very similar to Latin, Lorem Ipsum is a collection of meaningless words which believe it or not, is less distracting than plain English and allows the reader to focus solely on the flow of the design.  Lorem ipsum looks like this:</p>
<blockquote><p><em>&#8220;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.&#8221;</em></p></blockquote>
<p>Obviously we&#8217;re not using Latin on a day-to-day basis any more so with the invent of internet came a whole host of other text generators which allow you to generate good old Lorem Ipsum or work with some fun and fresh new text.</p>
<p>Here are some of our favourites:</p>
<p><a href="http://generator.lorem-ipsum.info" target="_blank"><strong>Lorem Ipsum Generator</strong></a><br />
Sometimes you just need some good old, Lorem Ipsum and this site has plenty. You can also specify the exact number of words and paragraphs to generate.</p>
<p><a href="http://blindtextgenerator.com" target="_blank"><strong>Blind Text Generator</strong></a><br />
With 10 different types of dummy text to choose from Blind Text Generator makes it easy to just click and generate the needed text for your composition.</p>
<p><a href="http://randomtextgenerator.com" target="_blank"><strong>Random Text Generator</strong></a><br />
Wow your readers with the ability to generate text in up to 15 languages.</p>
<p><strong>Fun Ipsum Variations</strong></p>
<p>If you&#8217;re looking to have some fun, or just want to see if your proofreader is paying attention, why not try one of these fun generators based on Lorem Ipsum:</p>
<p><a href="http://lorizzle.nl" target="_blank">Gangsta Ipsum</a>: This is Lorem Ipsum with an urban flare &#8211; to give your designs that much needed<em> izzle to the hizzle</em>.</p>
<p><a href="http://tvipsum.com" target="_blank">TV Ipsum</a>: With a huge compilation of theme song lyrics and popular phrases of some classic TV programs, TV ipsum is sure to appeal to the TV buff reader.</p>
<p><a href="http://baconipsum.com" target="_blank">Bacon Ipsum</a>: Scare off your vegetarian readers with this generator which serves up a juicy side of meat-related words.</p>
]]></content:encoded>
			<wfw:commentRss>http://qtweb.ca/2012/03/27/dummy-text-isnt-just-for-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What the Font?</title>
		<link>http://qtweb.ca/2012/02/28/what-the-font/</link>
		<comments>http://qtweb.ca/2012/02/28/what-the-font/#comments</comments>
		<pubDate>Wed, 29 Feb 2012 00:54:30 +0000</pubDate>
		<dc:creator>QT Web Designs</dc:creator>
				<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://qtweb.ca/?p=1345</guid>
		<description><![CDATA[There are lots of great reasons these days not to be stuck with standard web fonts. Gone are the days of being limited to only a handful of fonts as we can now embrace some really great options for generating a myriad of web fonts on your website. In the olden days (ie. a few [...]]]></description>
			<content:encoded><![CDATA[<h3>There are lots of great reasons these days not to be stuck with standard web fonts.</h3>
<p>Gone are the days of being limited to only a handful of fonts as we can now embrace some really great options for generating a myriad of web fonts on your website.</p>
<p><img class="alignnone size-full wp-image-1346" title="web-fonts" src="http://qtweb.ca/wp-content/uploads/2012/02/web-fonts.jpg" alt="" width="600" height="246" /></p>
<p>In the olden days (ie. a few years ago) web developers were limited to a handful of fonts as your website needed to use a font that was installed on the computer of one of your visitors. Choosing a unique font could look great on your computer but you ran the risk of visitors only seeing it a basic serif or sans-serif font. Many designers found ways around this by creating banners that featured text loaded as images, which was a great option for sites that weren’t assembled dynamically. The other issue was that ‘tricking’ users with images instead of text also tricked you out of having elements of your page recognized by search engines.</p>
<p>Thankfully today there are several great options for expanding your font horizons on your site:</p>
<p><strong>@font-face</strong></p>
<p>A simple CSS3 rule that allows you to host fonts on your server and have them rendered via your website if the visitor to your site doesn’t have the font installed on their computer. This method is supported on Safari, Chrome, Firefox and some acceptance in IE.</p>
<p>To use the @font-face property, simply upload an otf font file to your server and then enter the following code into your CSS specifying the location of the font family:</p>
<blockquote><p>@font-face {<br />
font-family: GraublauWeb;<br />
src: url(&#8220;path-to-the-font-file/GraublauWeb.otf&#8221;) format(&#8220;opentype&#8221;);<br />
}</p></blockquote>
<p>One drawback to using this technique is that you need to be licensed to use a specific font and larger companies could face lawsuits for using these fonts. Beyond this and a few browser compatibility issues, @ font-face is an incredibly easy way to add fonts to your website.</p>
<p><strong>Cufon</strong></p>
<p><a href="http://cufon.shoqolate.com/generate/" target="_blank">Cufon</a> is a font replacement solution that allows you to upload a font to the Cufon Font Generator and create a javascript file that can be uploaded to your web server. In many ways this works very similar to @ font-face but it’s been regarded as a more complicated way to implement and you can’t use it for body text on your website, so in our opinion why would you want to use it? Nevertheless many people still do continue to use Cufon so we felt it important to keep it in this list. If you need a solution to style headers in specific fonts, this could be for you.</p>
<p><strong>Typekit</strong></p>
<p>Founded in 2008 and currently owned by Adobe, <a href="https://typekit.com" target="_blank">Typekit</a> uses javascript to allow users to embed fonts. It supports the @font-face property and all fonts available are licensed. Typekit is a subscription-based service with rates running from $2-8 based on the number of fonts you would like access to and the # of page loads in a month.</p>
<p>&nbsp;</p>
<p><strong><a href="http://www.google.com/webfonts" target="_blank"><img class="alignright size-medium wp-image-1347" title="google" src="http://qtweb.ca/wp-content/uploads/2012/02/google-300x196.jpg" alt="" width="300" height="196" /></a>Google Fonts API</strong></p>
<p>The newest player in the web font scene, what started as a project featuring 20 fonts now offers over 450 font families and the best part it’s free! The system basically works the same as typekit with fonts hosted on google’s server, but without the cost. To use a font, all you have to do is find the font in google’s directory and copy the embed code to place in the &lt;head&gt; of your website. The <a href="http://www.google.com/webfonts" target="_blank">Google Font API</a> means that you don’t need to use CSS3’s @ font-face method (while you do in Typekit) allowing complete cross-browser compatibility. Google Fonts is the best solution for anybody wanting to get their feet wet in the world of web fonts, there’s a large library to choose from and it’s well documented.</p>
<p><strong>The changing landscape</strong></p>
<p>As you can see, there are plenty of great ways to implement new fonts into your website for the beginner and master coder alike. So the only thing left is to get started and dive into the pool and start playing around with web fonts!</p>
<p>*Special note, while the title of this article is a crude play on words, it also happens to be the name of one of our favourite free <a href="http://itunes.apple.com/ca/app/whatthefont/id304304134?mt=8">font identification apps</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://qtweb.ca/2012/02/28/what-the-font/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Playing around with the new Facebook Timeline</title>
		<link>http://qtweb.ca/2012/01/23/the-new-facebook-timeline/</link>
		<comments>http://qtweb.ca/2012/01/23/the-new-facebook-timeline/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 17:00:53 +0000</pubDate>
		<dc:creator>Chris Steingart</dc:creator>
				<category><![CDATA[Frequent Questions]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[banners]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[profile]]></category>

		<guid isPermaLink="false">http://qtweb.ca/?p=1232</guid>
		<description><![CDATA[So one of my new year&#8217;s resolutions is to be a little more active on facebook and twitter, so what better way to start than switch my facebook account to incorporate the new timeline! As an early adapter in nearly every facet of my life besides social media &#8211; it&#8217;s a little bit out of [...]]]></description>
			<content:encoded><![CDATA[<p>So one of my new year&#8217;s resolutions is to be a little more active on facebook and twitter, so what better way to start than switch my facebook account to incorporate the new timeline!</p>
<p>As an early adapter in nearly every facet of my life besides social media &#8211; it&#8217;s a little bit out of character for me to switch things before facebook does it for me but I&#8217;ve been intrigued by the big banner front and centre on the new timeline page and the ability that facebook is giving us to set the tone for the way our page looks and the message we get across to our friends.</p>
<p>Adding the new timeline is really simple, you just have to click the &#8220;add new timeline&#8221; link in the top of your facebook profile page. Once you&#8217;ve done that, you will be told that you&#8217;re testing out the timeline and it will automatically change to your account in 7 days &#8211; which is really nice if you want to play around with the layout.</p>
<p>The cool thing that I&#8217;ve noticed is that your main profile picture remains &#8211; now a perfectly square 125&#215;125 pixels. This profile picture is complemented by a 850&#215;315 pixel banner.</p>
<div id="attachment_1233" class="wp-caption alignnone" style="width: 650px"><a href="http://qtweb.ca/wp-content/uploads/2012/01/facebook-profile-page.jpg" rel="lightbox[1232]"><img class="size-large wp-image-1233 " title="facebook-profile-page" src="http://qtweb.ca/wp-content/uploads/2012/01/facebook-profile-page-640x491.jpg" alt="" width="640" height="491" /></a><p class="wp-caption-text">My new facebook profile featuring a huge amount of banner real estate.</p></div>
<p>From a marketing standpoint, I think this new banner is a great idea for anybody wanting to showcase their creativity and also plug what they do, what their passionate about or just a really big picture of themselves! I also think that there are some really cool possibilities for the integration of the profile image and the timeline banner so you might see something soon that blends the two images in some cool way&#8230;</p>
<p>If you want to upload an image to your banner it&#8217;s easy, once you&#8217;ve switched to the new timeline just hover over the banner and click &#8220;select new image&#8221; in the bottom right corner. You don&#8217;t have to worry about the size of your image (provided it&#8217;s larger than 815px wide) because you can drag the image around however you like to fit the banner. If you want to take your banner to the next level I would suggest preparing your image ahead of time at the proper size proportions and maybe add a little bit of design flare too!</p>
<p>The one thing I don&#8217;t love is that facebook downgrades the quality of your banner image. This may not be a big deal to most of you, but I would love to see a crystal clear image on that page if it&#8217;s going to be that big.</p>
<p>So as I write this, I&#8217;ve hit the &#8220;go live&#8221; button on my new timeline to avoid the 7 day wait and start using timeline now! Check it out <a href="http://facebook.com/csteingart" target="_blank">http://facebook.com/csteingart</a> and let me know what you think&#8230;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://qtweb.ca/2012/01/23/the-new-facebook-timeline/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Trends for 2012</title>
		<link>http://qtweb.ca/2012/01/21/web-trends-for-2012/</link>
		<comments>http://qtweb.ca/2012/01/21/web-trends-for-2012/#comments</comments>
		<pubDate>Sat, 21 Jan 2012 15:12:05 +0000</pubDate>
		<dc:creator>QT Web Designs</dc:creator>
				<category><![CDATA[Frequent Questions]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Webvice Recap]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Responsive]]></category>
		<category><![CDATA[Trends]]></category>

		<guid isPermaLink="false">http://qtweb.ca/?p=1201</guid>
		<description><![CDATA[What&#8217;s in store for the coming year? We&#8217;re constantly asked by our clients to tell them about what&#8217;s new and on the cusp in the online world so here&#8217;s our list of the top 10 things we see impacting your online presence in 2012. 10. Continued focus on minimal design In 2012 designers will continue [...]]]></description>
			<content:encoded><![CDATA[<h2>What&#8217;s in store for the coming year?</h2>
<p><img class="alignnone size-full wp-image-1202" title="web trends in 2012" src="http://qtweb.ca/wp-content/uploads/2012/01/banner.jpg" alt="" width="600" height="286" /></p>
<p>We&#8217;re constantly asked by our clients to tell them about what&#8217;s new and on the cusp in the online world so here&#8217;s our list of the top 10 things we see impacting your online presence in 2012.</p>
<h3>10. Continued focus on minimal design</h3>
<p><img class="alignnone size-medium wp-image-1203" title="simplicity" src="http://qtweb.ca/wp-content/uploads/2012/01/simplicity-300x207.png" alt="" width="300" height="207" /></p>
<p>In 2012 designers will continue to focus on simple, clean and minimalist designs. The use of whitespace to focus a viewers attention is as important now to designers as it ever was. Keep your marketing pieces and websites free of clutter!</p>
<h3>9. Facebook vs. Google+</h3>
<p><img class="alignnone size-medium wp-image-1205" title="facebook-vs-google1" src="http://qtweb.ca/wp-content/uploads/2012/01/facebook-vs-google1-300x175.jpg" alt="" width="300" height="175" /></p>
<p>Let&#8217;s get ready to rumble! The biggest fight this year will be between the old social media powerhouse (Facebook) and the old web powerhouse (Google) who wants to flex it&#8217;s muscles in the social media realm. It will be interesting to see how facebook adapts to more and more businesses moving away from fan pages to google+ pages, hopefully that means new and improved features, but you never know.  In any event, as a business or organization you need to be where your target market is.</p>
<h3>8. Infographics</h3>
<p><img class="alignnone size-medium wp-image-1206" title="cool-graphic-design-infographics-10" src="http://qtweb.ca/wp-content/uploads/2012/01/cool-graphic-design-infographics-10-192x300.jpg" alt="" width="192" height="300" /></p>
<p>These have been <a href="http://www.youthedesigner.com/2011/06/10/35-cool-infographics-for-web-and-graphic-designers/" target="_blank">popping up all over</a>, a really cool and visual way to display information. If you&#8217;re conducting a customer survey or you just want to get some information across to your audience in a visual way consider infographics as a way to do it.</p>
<h3>7. JQuery and HTML5 will give flash the boot</h3>
<p><img class="alignnone size-medium wp-image-1207" title="noflash" src="http://qtweb.ca/wp-content/uploads/2012/01/noflash-258x300.jpg" alt="" width="258" height="300" /></p>
<p>If you own an apple portable device you know that they haven&#8217;t offered flash support since day 1. What that means is a huge portion of the market is no longer able to view your flash banners, menus or other applications that were so cool and amazing 4 years ago. Adobe, the creators of Flash have seen this writing on the wall and <a href="http://blogs.adobe.com/conversations/2011/11/flash-focus.html" target="_blank">begun focusing on PC browsing</a> and more development of HTML5. So get rid of those flashy things on your site and convert them to HTML5 or JQuery now!</p>
<h3>6. CSS3 is on the rise</h3>
<p><img class="alignnone size-medium wp-image-1208" title="css3-web-design-examples" src="http://qtweb.ca/wp-content/uploads/2012/01/css3-web-design-examples-300x210.jpg" alt="" width="300" height="210" /></p>
<p>Now that virtually any browser supports CSS3 you will see more mainstream websites incorporate these new features in CSS. This will result in more robust websites that load quicker (perfect for mobile devices) because they require fewer images to create rounded corners, shadows, gradients and much more.</p>
<h3>5. Web fonts</h3>
<p><img class="alignnone size-medium wp-image-1209" title="google_font_details" src="http://qtweb.ca/wp-content/uploads/2012/01/google_font_details-300x199.png" alt="" width="300" height="199" /></p>
<p>2011 saw the upgrade of the Google Fonts library which was a huge step forward for the use of web fonts on the web. When you&#8217;re designing a site you want to use a font that is accessible on the end user&#8217;s computer or device but this is no longer a problem with the various web font options out there. There are a number of programs such as Google Fonts which allow you to link to a specific font to ensure that the viewer will see your typography exactly the way you intended &#8211; a cool option and great step forward!</p>
<h4>4.Fixed position navigation</h4>
<p><a href="http://struckaxiom.com/"><img class="alignnone size-medium wp-image-1210" title="fixed-position2" src="http://qtweb.ca/wp-content/uploads/2012/01/fixed-position2-300x234.png" alt="" width="300" height="234" /></a></p>
<p>As page heights have continued to grow and designers begin to worry less and less about &#8220;above the fold&#8221; a number of sites have begun to bring back the fixed position attribute in their designs to allow the reader to always have the menu visible in the same location creating a consistent experience. This is especially helpful in mobile versions of websites when finding menu items can be particularly tricky. <a href="http://struckaxiom.com/" target="_blank">Check out this example</a> to see a simple use of this design approach.</p>
<h3>3. Goodbye IE6 &amp; IE7!</h3>
<p><img class="alignnone size-medium wp-image-1211" title="ie7 error" src="http://qtweb.ca/wp-content/uploads/2012/01/ie7-error-300x225.jpg" alt="" width="300" height="225" /></p>
<p>As Internet Explorer 6 and 7 are no longer supported by Microsoft their use will slowly die! Designers are<a href="http://www.ie6countdown.com/" target="_blank"> counting the days</a> till this exciting moment! Both browsers offer many challenges in the way that they display content and styles differently than just about every other browser out there. The resut their demise &#8211; fewer bald designers (no more hair pulling!).</p>
<h3>2. Responsive designs hit the mainstream</h3>
<p><img class="alignnone size-medium wp-image-1213" title="responsive2" src="http://qtweb.ca/wp-content/uploads/2012/01/responsive2-300x199.jpg" alt="" width="300" height="199" /></p>
<p>One of the most talked about concepts in the design community was the use of responsive design for websites. The basic idea is that the website is set up to determine the resolution of the device that it is being viewed, as the page width decreases elements of the website layout change to accommodate this shift and the need for information to be more accessible on smaller screens. Want to see how it works? Check out <a href="http://css-tricks.com" target="_blank">css-tricks.com</a> and play around with the width of your browser and see how the site changes size and alignment etc.. Responsive design will be huge this year as designers begin to offer this option to their clients instead of just trying it out on their own sites in 2011.</p>
<h3>1. Tablets and Mobile Devices &#8211; the preferred method of browsing</h3>
<p><img class="alignnone size-medium wp-image-1214" title="tablets and mobiles 1" src="http://qtweb.ca/wp-content/uploads/2012/01/tablets-and-mobiles-1-300x219.png" alt="" width="300" height="219" /></p>
<p>This is the number one trend in web design in the coming year, it&#8217;s already here &#8211; but in 2012 it will get even bigger. The fact is that people are using mobile devices as the preferred way to experience the web. Nearly all of the previous 9 points have touched on this trend in some way or another so it&#8217;s really no surprise that these devices will take up a larger share of visits to your site in the coming year. What this means is that you need to consider things that make the experience for these viewers more enjoyable things such as no flash or a responsive design are a good start!</p>
<h3> An exciting year ahead!</h3>
<p>2012 promises to be an exciting year as designers and developers continue to push the limits of our web today. Hopefully this list gave you a little insight into some of the coming trends and tidal waves. What other trends do you see as being important in 2012?</p>
]]></content:encoded>
			<wfw:commentRss>http://qtweb.ca/2012/01/21/web-trends-for-2012/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What’s that icon in my address bar?</title>
		<link>http://qtweb.ca/2011/11/29/favicons/</link>
		<comments>http://qtweb.ca/2011/11/29/favicons/#comments</comments>
		<pubDate>Tue, 29 Nov 2011 17:07:37 +0000</pubDate>
		<dc:creator>QT Web Designs</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Webvice Recap]]></category>
		<category><![CDATA[Favicon]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://qtweb.ca/?p=1177</guid>
		<description><![CDATA[With the prevalence of tabbed browsing in all the main browsers (Firefox, Internet Explorer, Chrome, Safari) you’ve likely noticed those little icons that appear in the left corner of a tab. These icons are known by many names: shortcut icon, web icon, URL icon, bookmark icon or favicon (short for favourite icon) whatever you like [...]]]></description>
			<content:encoded><![CDATA[<p>With the prevalence of tabbed browsing in all the main browsers (Firefox, Internet Explorer, Chrome, Safari) you’ve likely noticed those little icons that appear in the left corner of a tab. These icons are known by many names: shortcut icon, web icon, URL icon, bookmark icon or favicon (short for favourite icon) whatever you like to call them, favicons are great marketing opportunities that help your brand stick in the mind of the consumer.</p>
<p>With the most recent release of Firefox (8.0) the void for a website with a missing favicon is now displayed by a dashed border, where it used to be just a blank page icon. This design change on the part of Firefox has highlighted the need for websites to have a favicon visible, otherwise their web presence looks a little bare.</p>
<div id="attachment_1186" class="wp-caption alignnone" style="width: 650px"><a href="http://qtweb.ca/wp-content/uploads/2011/11/Favicons-in-Firefox.jpg" rel="lightbox[1177]"><img class="size-large wp-image-1186" title="Favicons-in Firefox" src="http://qtweb.ca/wp-content/uploads/2011/11/Favicons-in-Firefox-640x444.jpg" alt="" width="640" height="444" /></a><p class="wp-caption-text">The appearance of favicons in Firefox tabs and address bar - including the &quot;dashed box&quot; for the new tab or page without favicons.</p></div>
<p>A favicon is a 16&#215;16 pixel icon is the icon that you create and identify to a browser, the browser in turn uses this icon in tabs, beside your URL in the address bar and in bookmarks. All you have to do is generate an icon saved in an ICO (icon) format, upload it to your website and link to it in your website’s header.</p>
<p><a href="http://qtweb.ca/wp-content/uploads/2011/11/QT-Favicon.jpg" rel="lightbox[1177]"><img class="alignnone size-full wp-image-1187" title="QT Favicon" src="http://qtweb.ca/wp-content/uploads/2011/11/QT-Favicon.jpg" alt="" width="406" height="154" /></a></p>
<h3>Generating a favicon</h3>
<p><a href="http://qtweb.ca/wp-content/uploads/2011/11/favicon_ico-Generator.png" rel="lightbox[1177]"><img class="alignright size-medium wp-image-1188" title="favicon_ico Generator" src="http://qtweb.ca/wp-content/uploads/2011/11/favicon_ico-Generator-300x174.png" alt="" width="300" height="174" /></a>There are many programs online that allow you to upload images and create a favicon that you can download. We recommend using the free program at <a href="http://www.favicon.cc/">http://www.favicon.cc/</a>. It allows you to upload an image or try your hand at creating your own icon from scratch.</p>
<p>From the Favicon.cc website click on “import image” then browse for the image on your computer and hit “upload”. The image will display in the large favicon box as well as the address bar of that page and in the “preview” box below the large image. If you’re happy with the appearance of the image click “download favicon” you can also use the toolbar to make some slight modifications to the generated icon before downloading if it doesn’t look quite right yet.</p>
<p><a href="http://qtweb.ca/wp-content/uploads/2011/11/favicon_ico-Generator-preview.png" rel="lightbox[1177]"><img class="alignright size-medium wp-image-1189" title="favicon_ico Generator-preview" src="http://qtweb.ca/wp-content/uploads/2011/11/favicon_ico-Generator-preview-300x220.png" alt="" width="300" height="220" /></a>Some things to remember before you import an image, the favicon must be square if you don’t create a square image for upload the image will be stretched on you causing distortion. The favicon is small so as you’re setting up the image, you might want to shrink it down to a small size (say 32&#215;32) before you import the image.</p>
<p>Once you’ve downloaded your favicon.ico file, save it to the root director of your website. In an HTML editor go into the header of your site (between the &lt;head&gt; and &lt;/head&gt; tags) and enter this code:</p>
<p>&lt;link rel=&#8221;shortcut icon&#8221; href=&#8221;/favicon.ico&#8221;&gt;</p>
<p>*be sure to alter the link to the actual path where you’ve uploaded favicon.ico.</p>
<p>And that’s it, you’ve got your very own favicon on your website.</p>
<h3>Some favicon examples for your inspiration</h3>
<p><a href="http://qtweb.ca/wp-content/uploads/2011/11/apple.jpg" rel="lightbox[1177]"><img class="alignnone size-full wp-image-1178" title="apple" src="http://qtweb.ca/wp-content/uploads/2011/11/apple.jpg" alt="" width="406" height="154" /></a></p>
<p><a href="http://qtweb.ca/wp-content/uploads/2011/11/cbs.jpg" rel="lightbox[1177]"><img class="alignnone size-full wp-image-1179" title="cbs" src="http://qtweb.ca/wp-content/uploads/2011/11/cbs.jpg" alt="" width="406" height="154" /></a></p>
<p><a href="http://qtweb.ca/wp-content/uploads/2011/11/espn.jpg" rel="lightbox[1177]"><img class="alignnone size-full wp-image-1180" title="espn" src="http://qtweb.ca/wp-content/uploads/2011/11/espn.jpg" alt="" width="406" height="154" /></a></p>
<p><a href="http://qtweb.ca/wp-content/uploads/2011/11/facebook.jpg" rel="lightbox[1177]"><img class="alignnone size-full wp-image-1181" title="facebook" src="http://qtweb.ca/wp-content/uploads/2011/11/facebook.jpg" alt="" width="406" height="154" /></a></p>
<p><a href="http://qtweb.ca/wp-content/uploads/2011/11/martha.jpg" rel="lightbox[1177]"><img class="alignnone size-full wp-image-1182" title="martha" src="http://qtweb.ca/wp-content/uploads/2011/11/martha.jpg" alt="" width="406" height="154" /></a></p>
<p><a href="http://qtweb.ca/wp-content/uploads/2011/11/msn.jpg" rel="lightbox[1177]"><img class="alignnone size-full wp-image-1183" title="msn" src="http://qtweb.ca/wp-content/uploads/2011/11/msn.jpg" alt="" width="406" height="154" /></a></p>
<p><a href="http://qtweb.ca/wp-content/uploads/2011/11/nike.jpg" rel="lightbox[1177]"><img class="alignnone size-full wp-image-1184" title="nike" src="http://qtweb.ca/wp-content/uploads/2011/11/nike.jpg" alt="" width="406" height="154" /></a></p>
<p><a href="http://qtweb.ca/wp-content/uploads/2011/11/twitter.jpg" rel="lightbox[1177]"><img class="alignnone size-full wp-image-1185" title="twitter" src="http://qtweb.ca/wp-content/uploads/2011/11/twitter.jpg" alt="" width="406" height="154" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://qtweb.ca/2011/11/29/favicons/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The 7 Deadly Website Sins</title>
		<link>http://qtweb.ca/2011/11/15/7-deadly-sins/</link>
		<comments>http://qtweb.ca/2011/11/15/7-deadly-sins/#comments</comments>
		<pubDate>Tue, 15 Nov 2011 17:05:47 +0000</pubDate>
		<dc:creator>QT Web Designs</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Webvice Recap]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://qtweb.ca/?p=1160</guid>
		<description><![CDATA[In the 14th century Dante Alighieri wrote the epic poem Divine Comedy.  This allegory describes the journey of Dante through his own medieval concept of Hell, outlining what Christians refer to as the &#8220;Seven Deadly Sins&#8221; a list of vices and errs to inform the populous who where apt to stray from the path of [...]]]></description>
			<content:encoded><![CDATA[<p>In the 14th century Dante Alighieri wrote the epic poem <em>Divine Comedy</em>.  This allegory describes the journey of Dante through his own medieval concept of Hell, outlining what Christians refer to as the &#8220;Seven Deadly Sins&#8221; a list of vices and errs to inform the populous who where apt to stray from the path of righteousness. In the year 2011 these sins are not only relevant, but we&#8217;ve seen them committed on various websites. Below are the 7 deadly sins you may be already committing on your site, instead of calling out the sinners, we chose to use that most sinful of fruits; the apple &#8211; to demonstrate.</p>
<p><img class="alignnone size-full wp-image-1161" title="7 Deadly Website Sins" src="http://qtweb.ca/wp-content/uploads/2011/11/Title.jpg" alt="" width="640" height="263" /></p>
<h3>Gluttony</h3>
<h3><a href="http://qtweb.ca/wp-content/uploads/2011/11/Gluttony.jpg" rel="lightbox[1160]"><img class="alignright size-medium wp-image-1162" title="Gluttony" src="http://qtweb.ca/wp-content/uploads/2011/11/Gluttony-300x220.jpg" alt="" width="300" height="220" /></a></h3>
<p>The sin of overindulgence to the point of waste, Gluttony often refers to over eating although many websites also commit this sin. Have you ever been on a website with too much stuff that makes it overwhelming to even know where to begin? Menus upon menus, little fragments of content, lots of content without the help of white space to break it up.</p>
<p>Many home pages are guilty of this sin because they want you to know how great their company really is and all the stuff they do. When designing your website treat your home page as the preview, the hub from which to send your visitors further into your site. Remember to decide on a purpose for every page on your site and if you don&#8217;t have a clear objective, why is it there?</p>
<h3>Envy</h3>
<p><a href="http://qtweb.ca/wp-content/uploads/2011/11/Envy.jpg" rel="lightbox[1160]"><img class="alignright size-medium wp-image-1163" title="Envy" src="http://qtweb.ca/wp-content/uploads/2011/11/Envy-300x220.jpg" alt="" width="300" height="220" /></a>The sin of envy is all about wanting what others have. This is likely the most popular sin in a highly competitive marketing world. Time after time we have clients come to us with a direct competitor&#8217;s website and say &#8220;can you make this for us?&#8221; While imitation can indeed be the most sincere form of flattery, often imitation can be construed as copyright infringement.</p>
<p>The other case of envy is when we&#8217;re midway through designing a client&#8217;s site and they decide after seeing another site to take a complete different direction because they happened to be on another website. This condition of envy has a cure, and that is to have a clear plan and direction of where you would like your website to go. Having this clear vision for your marketing materials helps to keep you on track.</p>
<h3>Lust</h3>
<h3><a href="http://qtweb.ca/wp-content/uploads/2011/11/Lust.jpg" rel="lightbox[1160]"><img class="alignright size-medium wp-image-1164" title="Lust" src="http://qtweb.ca/wp-content/uploads/2011/11/Lust-300x220.jpg" alt="" width="300" height="220" /></a></h3>
<p>Ok this one is a stretch for websites just a bit. We&#8217;re not going to talk about one of <em>those </em>websites here&#8230;</p>
<p>But there are many websites out there that try to be overly inviting to visitors with a beautifully crafted interface and wonderful imagery, and then when you peel back the layers you realize that there&#8217;s really no content or substance to the website.</p>
<p>Content is king! You can have all the bells and whistles and beautiful imagery on your site but until you&#8217;ve got good and meaningful content below the surface you&#8217;ve just got a website that tries too hard to make a lusty impression.</p>
<h3>Pride</h3>
<h3><a href="http://qtweb.ca/wp-content/uploads/2011/11/Pride2.jpg" rel="lightbox[1160]"><img class="alignright size-medium wp-image-1165" title="Pride" src="http://qtweb.ca/wp-content/uploads/2011/11/Pride2-300x220.jpg" alt="" width="300" height="220" /></a></h3>
<p>The sin of excessive love of one&#8217;s self. While we all know that you need to be focused on your ideal client so you can educate them as to how you can best solve the problem that they have through your products or services, the temptation is still there to focus inward not really addressing your customers&#8217; issues.</p>
<p>Your website should first and foremost be designed with your ideal client in mind. It should have imagery and a voice that lets them make a decision between you and a competitor without getting in their way.</p>
<h3>Sloth</h3>
<h3><a href="http://qtweb.ca/wp-content/uploads/2011/11/Sloth.jpg" rel="lightbox[1160]"><img class="alignright size-medium wp-image-1166" title="Sloth" src="http://qtweb.ca/wp-content/uploads/2011/11/Sloth-300x220.jpg" alt="" width="300" height="220" /></a></h3>
<p>The lazy sin. This is likely the most frequently committed sin on the web today. The inability of your website to stay current and keep up to date information always runs the risk of deterring visitors and losing business.</p>
<p>Another place where sloth creeps in is in the design of your site. Are images blurry or misaligned is there enough whitespace to allow the content to flow cleanly or are you just content to slap on the content and move on?</p>
<h3>Wrath</h3>
<h3><a href="http://qtweb.ca/wp-content/uploads/2011/11/Wrath.jpg" rel="lightbox[1160]"><img class="alignright size-medium wp-image-1167" title="Wrath" src="http://qtweb.ca/wp-content/uploads/2011/11/Wrath-300x220.jpg" alt="" width="300" height="220" /></a></h3>
<p>The sin of anger. The web is a great place to be able to voice your opinion but it&#8217;s generally a good practice to sugar coat your scathing rebukes as they will follow you around like body odor.</p>
<p>When a visitor experiences your site are you too pushy? Are you looking for the hard-sell (the dreaded squeeze page) do you have all sorts of windows popping up trying to get people to sign up for your RSS feed or you newsletter. Then when you send out an email it&#8217;s not a newsletter at all, it&#8217;s a total spam fest!</p>
<p>Look out for websites with guarantees, they often have the adverse effect in the mind of the consumer causing them to ask &#8220;why would I need a guarantee in the first place&#8221;? All the sudden the positive guaranteed has brought in the negative thought of dread.</p>
<h3>Greed</h3>
<p><a href="http://qtweb.ca/wp-content/uploads/2011/11/Greed.jpg" rel="lightbox[1160]"><img class="alignright size-medium wp-image-1168" title="Greed" src="http://qtweb.ca/wp-content/uploads/2011/11/Greed-300x220.jpg" alt="" width="300" height="220" /></a>Does your website continue to want more? Are you biting off more than you can chew? How much to you ask your website&#8217;s visitors to commit to before even working with them?</p>
<p>Do people need to register to view your &#8220;insider&#8221; info? Why not consider giving it away for free, not only does your website give the customer a warm and fuzzy feeling that there is still such thing as free, but also you&#8217;re portrayed as someone who will go the extra mile instead of nickel and dime the customer in the future.</p>
<h3>The Path to Enlightenment</h3>
<p>By stepping back and analyzing the sins committed on your website and practicing pious avoidance your website will be elevated to higher state which transcends over the top &#8211; in your face marketing, and will no longer be destined for the fiery inferno which awaits many sinful websites!</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://qtweb.ca/2011/11/15/7-deadly-sins/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Identifying Phishing Emails In Your Inbox</title>
		<link>http://qtweb.ca/2011/11/08/identifying-phishing-emails-in-your-inbox/</link>
		<comments>http://qtweb.ca/2011/11/08/identifying-phishing-emails-in-your-inbox/#comments</comments>
		<pubDate>Tue, 08 Nov 2011 16:54:28 +0000</pubDate>
		<dc:creator>QT Web Designs</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Email]]></category>
		<category><![CDATA[Phishing]]></category>
		<category><![CDATA[Spam]]></category>

		<guid isPermaLink="false">http://qtweb.ca/?p=1144</guid>
		<description><![CDATA[Ok, it&#8217;s once again time for a refresher course on spotting dangerous emails in your inbox. We&#8217;re not talking about spam emails, the email from the brother of the prince of Ghana or a big sale on Windows 7 upgrades or emails telling you that you can work from home and make millions. Those emails [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://qtweb.ca/wp-content/uploads/2011/11/spam-codes.jpg" rel="lightbox[1144]"><img class="alignright size-medium wp-image-1145" title="spam codes" src="http://qtweb.ca/wp-content/uploads/2011/11/spam-codes-300x283.jpg" alt="" width="300" height="283" /></a>Ok, it&#8217;s once again time for a refresher course on spotting dangerous emails in your inbox.</p>
<p>We&#8217;re not talking about spam emails, the email from the brother of the prince of Ghana or a big sale on Windows 7 upgrades or emails telling you that you can work from home and make millions. Those emails are fairly harmless as they are deleted just as quickly as they arrive in your inbox.</p>
<p>No, today we&#8217;re talking once again about phishing emails &#8211; emails designed to trick you into clicking on a link or even worse surrendering confidential information about you or your many online accounts.</p>
<p>Phishing emails are the trojan horse of the modern era, and have recently become more and more effective in appearing real and believable to the recipient. Email programs do their best to let you know when an email contains content that is harmful but alas these emails never cease to find their way into your inbox.</p>
<h3>Here&#8217;s our checklist for identifying these dangerous emails:</h3>
<ul>
<li>The email sender is not from the same domain as the company claiming to be sending the email.</li>
<li>There is bad English or broken sentences. Most reputable companies craft effective (proof read) copy so if you notice spelling mistakes and grammatical errors in the content of the email that’s a telling sign that the email may not be legitimate.</li>
<li>A phising email might include official-looking logos and other identifying information taken directly from a legitimate company’s site, and they might include convincing details about your personal information that scammers found on your social networking pages.</li>
<li>Phishing emails make claims that convey a sense of urgency, don’t get scared and never rush into a response. “If you don’t respond within 48 hours, your account will be closed.” “Click here to win your prize” “we’ve uncovered a mistake in your account” “immediate action required” “verify your account” are all examples of the persuasive wording used in a phishing email.</li>
<li>Read all links and email addresses carefully. While a link might look like it is pointing to Microsoft this email is actually pointing to the spam.fm domain and Microsoft.com is a folder within the spamming domain: http://spam.fm/microsoft.com/accounti2se55dsr43e)</li>
<li>If there is a link is provided in plain text be sure to check where it is pointing as it still may actually point elsewhere. You can determine this by resting not clicking your mouse pointer on the link to reveal the real address in the bottom of the email window.</li>
<li>If you aren&#8217;t associated with a bank that tells you to change your account settings &#8211; it&#8217;s a phishing email!</li>
<li>If an attachment is included in a suspicious email never open it.</li>
<li>If paypal sends you an email and it&#8217;s addressed to &#8220;dear paypal customer&#8221; it&#8217;s spam &#8211; paypal always sends emails addressed to the account holder directly.</li>
<li>If you&#8217;ve set up social media alert emails (ie Facebook) be careful of the emails that say that &#8220;someone has tagged you in a photo.&#8221; Verify that the link is accurate before clicking.</li>
</ul>
<p>Here are a couple examples of these phishing emails to avoid click on the image to view the larger size.</p>
<div id="attachment_1146" class="wp-caption alignnone" style="width: 310px"><a href="http://qtweb.ca/wp-content/uploads/2011/11/address-box.jpg" rel="lightbox[1144]"><img class="size-medium wp-image-1146 " title="Tax Payment Emails" src="http://qtweb.ca/wp-content/uploads/2011/11/address-box-300x287.jpg" alt="" width="300" height="287" /></a><p class="wp-caption-text">Emails from tax agencies - federal tax agencies will only send you snail mail. Also the url displayed is different from the actual url (see bottom) info panel.</p></div>
<div id="attachment_1147" class="wp-caption alignnone" style="width: 270px"><a href="http://qtweb.ca/wp-content/uploads/2011/11/bank-bad-spelling.jpg" rel="lightbox[1144]"><img class="size-medium wp-image-1147" title="bank-bad spelling" src="http://qtweb.ca/wp-content/uploads/2011/11/bank-bad-spelling-260x300.jpg" alt="" width="260" height="300" /></a><p class="wp-caption-text">Bad spelling in the title &quot;part&quot; instead of &quot;party&quot; also includes an attachment - never open these!</p></div>
<div id="attachment_1148" class="wp-caption alignnone" style="width: 270px"><a href="http://qtweb.ca/wp-content/uploads/2011/11/interac.jpg" rel="lightbox[1144]"><img class="size-medium wp-image-1148" title="interac-etransfer" src="http://qtweb.ca/wp-content/uploads/2011/11/interac-260x300.jpg" alt="" width="260" height="300" /></a><p class="wp-caption-text">E-transfers are becoming more common and therefore phishing emails like this are more prevelent as well.</p></div>
<div id="attachment_1149" class="wp-caption alignnone" style="width: 270px"><a href="http://qtweb.ca/wp-content/uploads/2011/11/paypal-spelled-with-an-I.jpg" rel="lightbox[1144]"><img class="size-medium wp-image-1149" title="paypal - spelled with an I" src="http://qtweb.ca/wp-content/uploads/2011/11/paypal-spelled-with-an-I-260x300.jpg" alt="" width="260" height="300" /></a><p class="wp-caption-text">An email from PayPaI (&#39;i&#39; instead of an &#39;L&#39;) also contains an attachment</p></div>
<div id="attachment_1150" class="wp-caption alignnone" style="width: 270px"><a href="http://qtweb.ca/wp-content/uploads/2011/11/paypal.jpg" rel="lightbox[1144]"><img class="size-medium wp-image-1150" title="paypal" src="http://qtweb.ca/wp-content/uploads/2011/11/paypal-260x300.jpg" alt="" width="260" height="300" /></a><p class="wp-caption-text">An email that begins with &quot;dear paypal customer&quot; is fake - paypal uses the name on your account</p></div>
<div id="attachment_1153" class="wp-caption alignnone" style="width: 270px"><a href="http://qtweb.ca/wp-content/uploads/2011/11/paypal21.png" rel="lightbox[1144]"><img class="size-medium wp-image-1153" title="paypal2" src="http://qtweb.ca/wp-content/uploads/2011/11/paypal21-260x300.png" alt="" width="260" height="300" /></a><p class="wp-caption-text">Never fill in an attached form! Also notice the &#39;from&#39; email address &quot;news@cnn.com&quot;</p></div>
<div id="attachment_1151" class="wp-caption alignnone" style="width: 270px"><a href="http://qtweb.ca/wp-content/uploads/2011/11/wells-fargo-bank.jpg" rel="lightbox[1144]"><img class="size-medium wp-image-1151" title="wells-fargo-bank" src="http://qtweb.ca/wp-content/uploads/2011/11/wells-fargo-bank-260x300.jpg" alt="" width="260" height="300" /></a><p class="wp-caption-text">If it&#39;s not your bank, delete it!</p></div>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://qtweb.ca/2011/11/08/identifying-phishing-emails-in-your-inbox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Office Overhaul – Finishing Touches</title>
		<link>http://qtweb.ca/2011/11/04/office-overhaul-%e2%80%93-finishing-touches/</link>
		<comments>http://qtweb.ca/2011/11/04/office-overhaul-%e2%80%93-finishing-touches/#comments</comments>
		<pubDate>Fri, 04 Nov 2011 20:13:31 +0000</pubDate>
		<dc:creator>Chris Steingart</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Desk]]></category>
		<category><![CDATA[Office]]></category>

		<guid isPermaLink="false">http://qtweb.ca/?p=948</guid>
		<description><![CDATA[* The conclusion to my summer project completed September 20th. After cutting out the shape of my desk, things were finally starting to take shape. Unfortunately a desk doesn&#8217;t work unless it&#8217;s standing off the ground and at this point I had no legs to accomplish this &#8211; so it was time for another trip [...]]]></description>
			<content:encoded><![CDATA[<p>* The conclusion to my summer project completed September 20th.</p>
<p>After cutting out the shape of my desk, things were finally starting to take shape. Unfortunately a desk doesn&#8217;t work unless it&#8217;s standing off the ground and at this point I had no legs to accomplish this &#8211; so it was time for another trip to IKEA to purchase some legs and a couple other accessories to complete my new workstation.</p>
<p>I purchased 8 legs and 2 cable storage baskets to help me manage the tangly mess of cables that I can&#8217;t stand to look at.</p>
<p>Next it was time to give my desk a finish that would not only bring out the beauty in the wood grain but would also make the desk a little more idiot proof in case I set a glass of water on it. I started with an oil stain that really made the desk come alive with colour. Once that had soaked in for several days I put on 4 coats of a clear finish  (idiot proofing).</p>
<div id="attachment_1133" class="wp-caption alignnone" style="width: 650px"><a href="http://qtweb.ca/wp-content/uploads/2011/09/09-Oiled-Desk.jpg" rel="lightbox[948]"><img class="size-large wp-image-1133" title="09-Oiled Desk" src="http://qtweb.ca/wp-content/uploads/2011/09/09-Oiled-Desk-640x219.jpg" alt="" width="640" height="219" /></a><p class="wp-caption-text">The desk after the oil coat.</p></div>
<p>This part of the construction is also the most excruciating, there are so many questions going around in my head:</p>
<p>&#8220;Did I get the height right?&#8221;</p>
<p>&#8220;What will it look like in my office?&#8221;</p>
<p>&#8220;Where am I going to put stuff once it&#8217;s set up for the best workflow&#8221;</p>
<p>All these questions had to wait at least a couple more days as I waited for the finish coats to dry. Luckily I found a nice distraction when I decided to remove the carpet in my office in favour of a new cork floor.</p>
<p>We went to <em>the source flooring</em> to pick out a really nice dark cork board that will make my white maple desk pop. Which led to spending the better part of the weekend flooring my office which now had a complete overhaul.</p>
<div id="attachment_1134" class="wp-caption alignnone" style="width: 310px"><a href="http://qtweb.ca/wp-content/uploads/2011/09/09-2-Cork-Floor.jpg" rel="lightbox[948]"><img class="size-full wp-image-1134" title="09-2 Cork Floor" src="http://qtweb.ca/wp-content/uploads/2011/09/09-2-Cork-Floor.jpg" alt="" width="300" height="402" /></a><p class="wp-caption-text">My new cork floor - I brought in a sample of the desktop which made it easy to choose the darker board.</p></div>
<p>Now that I had a completely new floor and a desk that was totally finished and sealed against water damage, it was time to bring it to its final resting place in my office.</p>
<p>I attached the legs and cord management baskets from Ikea and the desk couldn&#8217;t have fit better in the space it was designed for.</p>
<div id="attachment_1135" class="wp-caption alignnone" style="width: 650px"><a href="http://qtweb.ca/wp-content/uploads/2011/09/10-Desk-with-Legs.jpg" rel="lightbox[948]"><img class="size-large wp-image-1135" title="10 - Desk with Legs" src="http://qtweb.ca/wp-content/uploads/2011/09/10-Desk-with-Legs-640x423.jpg" alt="" width="640" height="423" /></a><p class="wp-caption-text">The assembled desk in its the newly floored office.</p></div>
<p>After spending several hours trying to come up with the proper configuration of cables and the best workflow possible, I think I&#8217;m at a point where things are looking good. In the end I likely spent about $450 on my desk which was at least what I would have spent on a store bought solution but you can&#8217;t discount the character that this desk already exudes &#8211; especially with my monitors set up.</p>
<p>In all, I couldn&#8217;t be happier with my new desk and simplified layout in my overhauled office. Now let&#8217;s see if I can keep it clean!</p>
<div id="attachment_1136" class="wp-caption alignnone" style="width: 650px"><a href="http://qtweb.ca/wp-content/uploads/2011/09/11-Desk-Final.jpg" rel="lightbox[948]"><img class="size-large wp-image-1136" title="11 - Desk Final" src="http://qtweb.ca/wp-content/uploads/2011/09/11-Desk-Final-640x447.jpg" alt="" width="640" height="447" /></a><p class="wp-caption-text">The final setup, everything in its place.</p></div>
<div id="attachment_1137" class="wp-caption alignnone" style="width: 650px"><a href="http://qtweb.ca/wp-content/uploads/2011/09/12-Shelves.jpg" rel="lightbox[948]"><img class="size-large wp-image-1137" title="12 - Shelves" src="http://qtweb.ca/wp-content/uploads/2011/09/12-Shelves-640x423.jpg" alt="" width="640" height="423" /></a><p class="wp-caption-text">I chose to fill out the wall with some frames adding extra interest.</p></div>
<div id="attachment_1138" class="wp-caption alignnone" style="width: 650px"><a href="http://qtweb.ca/wp-content/uploads/2011/09/13-Side-View.jpg" rel="lightbox[948]"><img class="size-large wp-image-1138" title="13 - Side View" src="http://qtweb.ca/wp-content/uploads/2011/09/13-Side-View-640x423.jpg" alt="" width="640" height="423" /></a><p class="wp-caption-text">Ready to get to work!</p></div>
]]></content:encoded>
			<wfw:commentRss>http://qtweb.ca/2011/11/04/office-overhaul-%e2%80%93-finishing-touches/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Use your error pages as marketing opportunities</title>
		<link>http://qtweb.ca/2011/10/25/error-pages/</link>
		<comments>http://qtweb.ca/2011/10/25/error-pages/#comments</comments>
		<pubDate>Tue, 25 Oct 2011 16:03:29 +0000</pubDate>
		<dc:creator>QT Web Designs</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[404]]></category>
		<category><![CDATA[Error]]></category>
		<category><![CDATA[Marketing]]></category>

		<guid isPermaLink="false">http://qtweb.ca/?p=1097</guid>
		<description><![CDATA[We&#8217;ve all been there before, and it&#8217;s inevitable that people visiting your company have been there as well. We&#8217;re not talking about a trip to the &#8216;loo but rather the dreaded 404 error page. Surely in your web travels you&#8217;ve come across this odd page that looks nothing like the website you&#8217;re on. You check [...]]]></description>
			<content:encoded><![CDATA[<p>We&#8217;ve all been there before, and it&#8217;s inevitable that people visiting your company have been there as well.</p>
<p>We&#8217;re not talking about a trip to the &#8216;loo but rather the dreaded 404 error page.</p>
<p><img class="alignnone size-full wp-image-1098" title="error-page-prev" src="http://qtweb.ca/wp-content/uploads/2011/10/error-page-prev.jpg" alt="" width="640" height="220" /></p>
<p>Surely in your web travels you&#8217;ve come across this odd page that looks nothing like the website you&#8217;re on. You check to see if you&#8217;re still connected to the internet, and then realize that you&#8217;ve come upon a broken link on the website. Now this article isn&#8217;t trying to place blame on anyone&#8217;s shoulders, maybe you were trying to guess a URL on a site or perhaps (more than likely the case) there was a broken link that just doesn&#8217;t work. And now you&#8217;re wondering, is this what happens when people search around on my site? Thankfully there&#8217;s an opportunity here, and that is to creatively style your 404 error page.</p>
<div id="attachment_1099" class="wp-caption alignnone" style="width: 310px"><a href="http://qtweb.ca/wp-content/uploads/2011/10/internet-explorer-error-page.jpg" rel="lightbox[1097]"><img class="size-medium wp-image-1099" title="internet-explorer-error-page" src="http://qtweb.ca/wp-content/uploads/2011/10/internet-explorer-error-page-300x140.jpg" alt="" width="300" height="140" /></a><p class="wp-caption-text">Avoid the generic 404 page at all costs!</p></div>
<p>For years designers have been fessing up to 404 errors with honest, creativity and a clever dose of whit to make the visitor look past the error they&#8217;ve witnessed. As we&#8217;ve been working hard at a new website theme this week we though it was time for a revamp of the error page as well.</p>
<div id="attachment_1100" class="wp-caption alignnone" style="width: 310px"><a href="http://qtweb.ca/wp-content/uploads/2011/10/Not-Found-QT-Web-Designs.png" rel="lightbox[1097]"><img class="size-medium wp-image-1100" title="Not Found - QT Web Designs" src="http://qtweb.ca/wp-content/uploads/2011/10/Not-Found-QT-Web-Designs-300x186.png" alt="" width="300" height="186" /></a><p class="wp-caption-text">Our current attempt at 404 honesty.</p></div>
<h3>404 &#8211; The marketing opportunity</h3>
<p>Since you can get creative and style your own error page, there&#8217;s no reason that you can&#8217;t continue to captivate visitors on your site by being funny, further showcasing your brand or giving them some options of other places to go.</p>
<h3>404 errors in WordPress</h3>
<p>Styling your error page in WordPress is pretty simple you just need to have access to the theme directory. Look for the 404.php file and insert anything you want. In general we always like to keep this page contained within the site for easy navigation.</p>
<p>WordPress also has a couple plugins that allow the less code-savvy user to quickly add her own customized page. Here are a few good ones:</p>
<h4>1. <a href="http://wordpress.org/extend/plugins/404-plugin/">404 SEO Plugin</a></h4>
<p>This simple plugin will give you a customized, smart ‘Page Not Found(404)’ error message. It will automatically display links to relevant pages on your site, based on the words in the URL that was not found.</p>
<h4>2. <a href="http://alexking.org/projects/wordpress/readme?project=404-notifier">404 Notifier</a></h4>
<p>Detects and notifies you of all the 404 errors that might creep in on the site unknowingly. A good idea if you want to cut down on future errors.</p>
<h4>3. <a href="http://michael.tyson.id.au/smart-404">Smart 404</a></h4>
<p>This plugin will perform a search of your posts, pages, tags and categories, using keywords from the requested URL and the search term. If there’s a match, it redirects to that matched content instead of showing the 404 error.</p>
<h4>5. <a href="http://andrewferguson.net/wordpress-plugins/dunstan-style-error-page/">Dunstan style 404 error page</a></h4>
<p>This plugin makes your 404 error pages more interactive giving the user various options like recent posts, feedback forms etc.</p>
<h4>6. <a href="http://urbangiraffe.com/plugins/redirection/">Redirection Plugin</a></h4>
<p>This is a great plugin that handles all sorts of errors. Includes 404 error monitoring – captures a log of 404 errors and allows you to easily map these to 301 redirects.</p>
<h3>Examples of great 404 pages &#8211; for your inspiration</h3>
<h4>Bright Kite</h4>
<p><a href="http://brightkite.com/error"><img class="alignnone size-full wp-image-1105" title="brightkite" src="http://qtweb.ca/wp-content/uploads/2011/10/brightkite1.jpg" alt="" width="500" height="359" /></a></p>
<p>This page keeps Bright Kite&#8217;s branding going which is nice and simple, makes you want to go fly a kite!</p>
<h4>CSS-Tricks</h4>
<p>&nbsp;</p>
<p><a href="http://css-tricks.com/not-found"><img class="alignnone size-full wp-image-1106" title="css-tricks" src="http://qtweb.ca/wp-content/uploads/2011/10/css-tricks.jpg" alt="" width="500" height="359" /></a></p>
<p>Like the idea of the page revealing a little bit of CSS.</p>
<h4>Hootsuite</h4>
<p><a href="http://hootsuite.com/error"><img class="alignnone size-full wp-image-1107" title="hootsuite" src="http://qtweb.ca/wp-content/uploads/2011/10/hootsuite.jpg" alt="" width="500" height="359" /></a></p>
<p>Cool idea with the milk carton. Nice to be provided with a home page link and some explanations for why the visitor might have gotten there. We will take #4 &#8211; we like 404 pages!</p>
<h4>Urban Outfitters</h4>
<p><a href="http://www.urbanoutfitters.com/urban/html/404.html"><img class="alignnone size-full wp-image-1108" title="urbanoutfitters" src="http://qtweb.ca/wp-content/uploads/2011/10/urbanoutfitters.jpg" alt="" width="500" height="359" /></a></p>
<p>A very simple error message but one that manages to jive with their brand and language making you realize that you&#8217;re still in the Urban Outfitters realm.</p>
<h4>Tele2</h4>
<p><a href="http://www.tele2.no/404.html"><img class="alignnone size-full wp-image-1109" title="tele2" src="http://qtweb.ca/wp-content/uploads/2011/10/tele2.jpg" alt="" width="500" height="359" /></a></p>
<p>We have no idea what this says but the image says it all. How can you not have a smile on your face?</p>
<h4>Heintz</h4>
<p><a href="http://www.heinz.com/our-food/products/ketchup.aspx"><img class="alignnone size-full wp-image-1110" title="heintz" src="http://qtweb.ca/wp-content/uploads/2011/10/heintz.jpg" alt="" width="500" height="453" /></a></p>
<p>Our consensus favourite! This one has it all &#8211; it&#8217;s creative, it furthers the brand, there&#8217;s a little bit of humor and an identifiable feeling that everyone has gone through at some point in their life.</p>
]]></content:encoded>
			<wfw:commentRss>http://qtweb.ca/2011/10/25/error-pages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Everything you Wanted to Know About Domains</title>
		<link>http://qtweb.ca/2011/10/18/everything-you-wanted-to-know-about-domains/</link>
		<comments>http://qtweb.ca/2011/10/18/everything-you-wanted-to-know-about-domains/#comments</comments>
		<pubDate>Tue, 18 Oct 2011 16:05:22 +0000</pubDate>
		<dc:creator>QT Web Designs</dc:creator>
				<category><![CDATA[Frequent Questions]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[DNS]]></category>
		<category><![CDATA[Domains]]></category>

		<guid isPermaLink="false">http://qtweb.ca/?p=987</guid>
		<description><![CDATA[We often get asked questions about Domain Registry and find that it&#8217;s still a fairly big mystery to many of our clients. Here&#8217;s some of the frequent domain questions that we answer from time to time. What is a Domain? By definition:  do·main/dōˈmān/noun. An estate or territory held in legal possession by a person or [...]]]></description>
			<content:encoded><![CDATA[<p>We often get asked questions about Domain Registry and find that it&#8217;s still a fairly big mystery to many of our clients. Here&#8217;s some of the frequent domain questions that we answer from time to time.</p>
<h3>What is a Domain?</h3>
<p><strong><a href="http://qtweb.ca/wp-content/uploads/2011/10/domains.jpg" rel="lightbox[987]"><img class="alignright size-medium wp-image-988" title="domains" src="http://qtweb.ca/wp-content/uploads/2011/10/domains-300x225.jpg" alt="" width="300" height="225" /></a>By definition:</strong>  do·main/dōˈmān/noun.</p>
<p>An estate or territory held in legal possession by a person or persons.</p>
<p><em><strong>In the online world</strong></em><br />
Your domain is the hub for your company’s online presence.</p>
<h3>The Basics</h3>
<p>Domains vs. Servers</p>
<p>Many of our clients often get hung up over the difference between domains and servers. Your domain is like your address where your server is like your house. The domain is the location that people need to know to get to your server like a house where your house holds &#8220;stuff&#8221; such as your website or email and can be open 24/7 to people around the world.</p>
<p>We actually like to think of a domain as a cross between a street address and a phone number, your domain can always be yours. If you move to a different house (server) you change your address but depending on the phone company you can keep your phone number. This is very similar to the way transferring your domain works &#8211; you can move to a new server and when you do you just &#8220;point&#8221; your domain to send people to that new server. You can even do cool things like point your domain to one server for your website stuff and another server for email!</p>
<h3>What makes a good domain name?</h3>
<p>When choosing a domain for your website you want to consider a number of things when making this important decision. Here are a few characteristics of good domains:</p>
<ul>
<li><strong>They are short &#8211; </strong>the simpler the better almost always wins out!</li>
<li><strong>They don&#8217;t have to be read &#8211; </strong>can you easily say your domain name (seminars, radio) and have people get to your website?</li>
<li><strong>They are easy to remember &#8211; </strong>will people be able to visit your domain 2 hours after you tell them?</li>
<li><strong>They are easy to spell</strong> &#8211; will someone make an error when entering your domain after looking at your business card?</li>
<li><strong>They have a .com extension</strong> (country extensions are close second) &#8211; people often assume .com so using .net or .org may be problematic.</li>
<li><strong>They are descriptive</strong> &#8211; there are sometimes benefits to using long domains and that helps with search engine traffic.</li>
<li><strong>They are brandable</strong> &#8211; just ask google.com</li>
<li><strong>They don&#8217;t look weird</strong> &#8211; avoid multiple words that spell weird stuff (see below) or difficult to spell words.</li>
<li><strong>They don&#8217;t have hyphens or numbers</strong> &#8211; never, ever use hyphens or numbers if you can help it.</li>
</ul>
<h3>Choose your domain name wisely</h3>
<p>Here are some of the greatest mistakes made for innocent enough sounding companies be careful when choosing your domain name!</p>
<p><a href="http://www.speedofart.com" target="_blank">http://www.speedofart.com</a>  Speed Of Art<br />
<a href="http://www.penisland.net" target="_blank">http://www.penisland.net </a>   Pen Island<br />
<a href="http://www.therapistfinder.com" target="_blank">http://www.therapistfinder.com</a>  Therapist Finder &#8211; now changed to Counseling California<br />
<a href="http://www.molerivernursery.com/" target="_blank">http://www.molestationnursery.com</a>  Mole Station Nursery &#8211; now changed to http://www.molerivernursery.com/<br />
<a href="http://www.expertsexchange.com" target="_blank">http://www.expertsexchange.com</a>  Experts Exchange</p>
<h3>How to find out if your domain name is taken?</h3>
<p>To find out if a domain is available you need to do a whois search. One of the best places to go is <a href="http://whois.net" target="_blank">whois.net</a></p>
<p>Lately though we&#8217;ve been using multi domain search tool from <a href="http://networksolutions.com" target="_blank">Network Solutions</a> which allows you to do multiple search queries at once and for multiple extensions and quickly see if several domains are taken or available all at once.</p>
<h3>Where can I register my domain?</h3>
<p>There are many domain registrars out there, you&#8217;ve likely heard of GoDaddy and Network Solutions but we like <a href="http://netfirms.ca" target="_blank">Netfirms</a> the best as they have really good and consistent rates and a simple to use interface without all the upsell that you get from those other companies.</p>
<h3>What&#8217;s the cost?</h3>
<p>Domains can really cost anything &#8211; we usually recommend paying between $10 and $20 per year. Be careful of the companies that will charge $2.00 for the first year then charge you $30 the next.</p>
<h3>How many domains should I have?</h3>
<p>At such a low yearly cost there&#8217;s no reason you shouldn&#8217;t get several different domains for your company. The important thing is to choose a domain that will act as your primary domain. Once that&#8217;s set, there&#8217;s really no limit to how many domains you use. Sometimes it&#8217;s a good idea to preserve your brand by buying multiple extensions (.net, .org, .com, .ca, .us) of a particular name. Sometimes you might want to purchase a domain because you&#8217;re worried that people might make a mistake when typing in your URL (ie if your company is forest.com you might also consider purchasing forrest.com). Another good use of a domain name is to promote some unique product or service that you offer. If your name is &#8220;companyxyz.com&#8221; and you create widgets you might want to register &#8220;thegreatestwidget.com&#8221; or &#8220;bestwidgetsforyou.com&#8221; or something that you can promote to a particular audience and either forward that domain to your main URL or set it to drop in on a special landing page.</p>
<h3>Got a question?</h3>
<p>Those are just a couple answers to some of the questions our clients ask. What did we miss?</p>
]]></content:encoded>
			<wfw:commentRss>http://qtweb.ca/2011/10/18/everything-you-wanted-to-know-about-domains/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

