<?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>GilsMethod.com &#187; Web Design</title>
	<atom:link href="http://www.gilsmethod.com/tag/web-design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.gilsmethod.com</link>
	<description>Technology How-to Guides for the Rest of Us</description>
	<lastBuildDate>Tue, 29 Nov 2011 15:54:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Hotmail Takes Full Advantage of IE9&#8242;s Site Pinning Features</title>
		<link>http://www.gilsmethod.com/hotmail-takes-full-advantage-ie9s-pinning-features</link>
		<comments>http://www.gilsmethod.com/hotmail-takes-full-advantage-ie9s-pinning-features#comments</comments>
		<pubDate>Thu, 07 Apr 2011 13:30:24 +0000</pubDate>
		<dc:creator>Greg Baden</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[A-Email Applications]]></category>
		<category><![CDATA[Email]]></category>
		<category><![CDATA[Hotmail]]></category>
		<category><![CDATA[IE9]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.gilsmethod.com/?p=11631</guid>
		<description><![CDATA[Hotmail, the webmail application put out by Microsoft is now becoming more of a desktop program when used with Internet Explorer 9 and Windows 7. If you weren&#8217;t aware, Windows 7 has a pinning feature which allows you to &#8220;pin&#8221; programs to your taskbar for quick use. Some applications have certain features and options you...<a href="http://www.gilsmethod.com/hotmail-takes-full-advantage-ie9s-pinning-features">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<p>Hotmail, the webmail application put out by Microsoft is now becoming more of a desktop program when used with Internet Explorer 9 and Windows 7. If you weren&#8217;t aware, Windows 7 has a pinning feature which allows you to &#8220;pin&#8221; programs to your taskbar for quick use. Some applications have certain features and options you can make directly from the taskbar, without even having the program open on your screen.</p>
<p>Now IE9 has <a href="http://blogs.msdn.com/b/ie/archive/2011/03/31/hotmail-on-the-taskbar.aspx" target="_blank">adopted</a> these pinning features for Hotmail, making it seem more like a desktop email client, rather than a webmail client. Within the taskbar you can go to the Hotmail Home, Inbox, Calendar, Contacts or even go directly to sending an email. Just simply right click on the pinned site to get direct access to the pinning features. When Hotmail is pinned it will also inform you when you have new messages, so you don&#8217;t have to constantly check your browser for new Hotmail messages.</p>
<p><img class="aligncenter size-full wp-image-11642" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2011/04/hotmail-pinning-ie9-win7.png" alt="hotmail pinning ie9 win7 Hotmail Takes Full Advantage of IE9s Site Pinning Features" width="493" height="356" title="Hotmail Takes Full Advantage of IE9s Site Pinning Features" /></p>
<p>To pin a website simply drag it from the IE9 window to your taskbar. Many other sites can use the pinning features when used with Internet Explorer 9 and Windows 7 like eBay, Groupon, CNN, Facebook and many <a href="http://www.beautyoftheweb.com/" target="_blank">others</a>.What are you doing to take advantage of site pinning in Internet Explorer 9?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gilsmethod.com/hotmail-takes-full-advantage-ie9s-pinning-features/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Liven Up Your Blog with Blogger&#8217;s New Templates</title>
		<link>http://www.gilsmethod.com/liven-blog-bloggers-templates</link>
		<comments>http://www.gilsmethod.com/liven-blog-bloggers-templates#comments</comments>
		<pubDate>Wed, 06 Apr 2011 13:30:44 +0000</pubDate>
		<dc:creator>Greg Baden</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[A-Blogger]]></category>
		<category><![CDATA[Blogger]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.gilsmethod.com/?p=11606</guid>
		<description><![CDATA[Blogs have been around for years and haven&#8217;t really changed much in terms of design. Sure you&#8217;ll have your original blogs every now and again, but for the most part people follow the standard blog pattern. Blogger is set out to change the way blogging is done by completely redesigning their platform. The new platform...<a href="http://www.gilsmethod.com/liven-blog-bloggers-templates">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<p>Blogs have been around for years and haven&#8217;t really changed much in terms of design. Sure you&#8217;ll have your original blogs every now and again, but for the most part people follow the standard blog pattern.</p>
<p>Blogger is set out to <a href="http://googleblog.blogspot.com/2011/03/fresh-new-perspectives-for-your-blog.html" target="_blank">change</a> the way blogging is done by completely redesigning their platform. The new platform supports the latest web technologies, including HTLM5, CSS3 and AJAX and includes a couple of new features. New features include infinite scrolling, new layouts, speed and interactivity.</p>
<p>There are five new layouts which are probably the most noticeable change in the new Blogger update. While they are available for public view, they aren&#8217;t available for full use right now. One just has to had /view to the end of their Blogger URL to see the new templates in action. If positive feedback is received about the update, then Blogger will most likely release this as a permanent feature.</p>
<p>The five templates are Flipcard, Mosaic, Sidebar, Snapshot and Timeslide and all feature a different layout. Here&#8217;s a short little video showcasing the new templates on YouTube.</p>
<p><iframe title="YouTube video player" width="560" height="349" src="http://www.youtube.com/embed/fuDuNV4h_ZI" frameborder="0" allowfullscreen></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.gilsmethod.com/liven-blog-bloggers-templates/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>How to Send an Invoice with Paypal</title>
		<link>http://www.gilsmethod.com/how-to-send-an-invoice-with-paypal</link>
		<comments>http://www.gilsmethod.com/how-to-send-an-invoice-with-paypal#comments</comments>
		<pubDate>Wed, 30 Mar 2011 15:00:00 +0000</pubDate>
		<dc:creator>Gilberto J Perera</dc:creator>
				<category><![CDATA[How-to]]></category>
		<category><![CDATA[A-Web Design]]></category>
		<category><![CDATA[eCommerce]]></category>
		<category><![CDATA[Online Payments]]></category>
		<category><![CDATA[Paypal]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.gilsmethod.com/?p=11535</guid>
		<description><![CDATA[Have you ever wanted to accept payment for professional services, a small business or simply something you sold online? If so, one of the easiest methods to keep records and ensure that you get paid is by using Paypal&#8217;s native invoice creation feature. With Paypal you have the capability of invoicing customers with a click...<a href="http://www.gilsmethod.com/how-to-send-an-invoice-with-paypal">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<p>Have you ever wanted to accept payment for professional services, a small business or simply something you sold online? If so, one of the easiest methods to keep records and ensure that you get paid is by using Paypal&#8217;s native invoice creation feature. With Paypal you have the capability of invoicing customers with a click of a button. In this guide I will show you how to create an invoice using Paypal&#8217;s invoice system.</p>
<p><strong>Note</strong>: I sent an invoice to a valid email address without a Paypal account. You can send invoices to non-Paypal and existing Paypal users.</p>
<p><strong>1. </strong>Sign on to your existing Paypal account before proceeding with this guide.</p>
<p><img title="how-to-send-invoice-paypal.png" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2011/03/how-to-send-invoice-paypal.png" border="0" alt="how to send invoice paypal How to Send an Invoice with Paypal" width="570" height="333" /></p>
<p><strong>2.</strong> Once you&#8217;re signed on click the <strong>Request Money</strong> tab on the menu bar.</p>
<p><strong>3.</strong> Click the <strong>Create an Invoice</strong> button under <strong>Manage invoices</strong>.</p>
<p><img title="how-to-send-invoice-paypal-a.png" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2011/03/how-to-send-invoice-paypal-a.png" border="0" alt="how to send invoice paypal a How to Send an Invoice with Paypal" width="570" height="549" /></p>
<p><strong>A. </strong>Your contact information should be automatically populated from your Paypal account. If there&#8217;s something you wish to change, click the <strong>Edit contact information</strong> link to make the changes or if you wish to add a logo, click the <strong>Add logo </strong>link to upload your custom logo.</p>
<p><strong>B. </strong>Enter the <strong>Recipient&#8217;s email address</strong> and if you wish to include more details about shipping (when shipping a product) and billing, click the <strong>Add billing and shipping information </strong>link.</p>
<p><strong>C.</strong> Set the <strong>Invoice Number</strong>, the <strong>Invoice Date</strong>, <strong>Payment terms</strong>, and payment <strong>Due date</strong>.</p>
<p><img title="how-to-send-invoice-paypal-b.png" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2011/03/how-to-send-invoice-paypal-b.png" border="0" alt="how to send invoice paypal b How to Send an Invoice with Paypal" width="570" height="321" /></p>
<p><strong>D. </strong>This section of the form allows you to add items to the invoice. You can specify the currency to use for the invoice as well as the items included.</p>
<p>Use the <strong>Add/Delete row </strong>links to add and remove items from the invoice. You can also save frequently used items for later use by clicking the <strong>Save item</strong> link next to the item you wish to save.</p>
<p>You have the option of setting a <strong>Discount</strong>, <strong>Shipping/handling</strong> charge and a <strong>Tax on shipping</strong>. You can add <strong>Terms and conditions</strong> as well as a <strong>Note to recipient</strong>.</p>
<p><img title="how-to-send-invoice-paypal-c.png" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2011/03/how-to-send-invoice-paypal-c.png" border="0" alt="how to send invoice paypal c How to Send an Invoice with Paypal" width="570" height="135" /></p>
<p>The last portion of the invoice allows you to add a Memo that is visible only to you.</p>
<p><strong>4. </strong>When you are ready to send the invoice, click the <strong>Preview</strong> button to view the invoice and click <strong>Send</strong> if you are satisfied with the results.</p>
<p>On this same page you have the option of saving the invoice as a template or saving the invoice for later use.</p>
<p><img title="how-to-send-invoice-paypal-d.png" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2011/03/how-to-send-invoice-paypal-d.png" border="0" alt="how to send invoice paypal d How to Send an Invoice with Paypal" width="570" height="360" /></p>
<p>Once the invoice is sent it will appear on your Invoices list when sign in to Paypal. You can quickly check the status of the invoice on this page as well as send reminders and cancel the invoice.</p>
<p>You&#8217;ve just sent your first invoice using Paypal. If you have any comments or questions please use the comments form below.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gilsmethod.com/how-to-send-an-invoice-with-paypal/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Should You Make the Switch to a Dedicated Server?</title>
		<link>http://www.gilsmethod.com/switch-dedicated-server</link>
		<comments>http://www.gilsmethod.com/switch-dedicated-server#comments</comments>
		<pubDate>Fri, 18 Mar 2011 16:57:11 +0000</pubDate>
		<dc:creator>Guest Author</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Guest Post]]></category>
		<category><![CDATA[A-Webmaster]]></category>
		<category><![CDATA[hosting]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Webmaster]]></category>

		<guid isPermaLink="false">http://www.gilsmethod.com/?p=11432</guid>
		<description><![CDATA[If you&#8217;re a business owner in the beginning stages of your website or if you&#8217;re a developer working on a large application for your website, a virtual private server (VPS) often works well to get you off the ground. However, if your goal is growing your business, adding a large amount of dynamic content and...<a href="http://www.gilsmethod.com/switch-dedicated-server">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-11433" title="dedicated-hosting-article" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2011/03/dedicated-hosting-article.jpg" alt="dedicated hosting article Should You Make the Switch to a Dedicated Server?" width="352" height="308" />If you&#8217;re a business owner in the beginning stages of your website or if you&#8217;re a developer working on a large application for your website, a virtual private server (VPS) often works well to get you off the ground.</p>
<p>However, if your goal is growing your business, adding a large amount of dynamic content and so on, there may come a time when a VPS plan won’t be enough you&#8217;ll need to move up to a <a href="http://www.inmotionhosting.com/dedicated_servers.html">dedicated server</a>.</p>
<p>You&#8217;ll know when you need to move on up when you notice your website&#8217;s response rate dropping due to inefficient power or bandwidth that your present plan provides.  But, it&#8217;s in your best interest to make the upgrade even before you start running into issues and troubles.</p>
<p>When your website begins to top the charts, it may go offline if your hosting plan can&#8217;t handle the traffic, which is never ideal for any website, especially if it&#8217;s your means of income.</p>
<p>Another reason for an upgrade would be in the case of working on a web application that will be moving out of the beta phase.  While you&#8217;re working on fixing bugs on your application, a VPS will work just fine.</p>
<p>But with the additional use of beta testers and developers in the system, it may be an overkill on your VPS, and even more so when you release your software to the public.  This is where you can depend on a dedicated server to handle the inevitable heavy traffic.  You don’t want to risk your new project crumbling right from the start.  But, regardless of website content, dedicated servers are always the safest and most efficient compared to any shared hosting plan.</p>
<p>Here are some of the popular advantages of dedicated sever <a href="http://www.gilsmethod.com/recommends/hosting" style=""  rel="nofollow" onmouseover="self.status='InMotion Hosting';return true;" onmouseout="self.status=''">hosting</a>.</p>
<ul>
<li><strong>Performance &amp; Speed.</strong> Network and response times in shared hosting plans depend on the activity of others who you share resources with.  With a dedicated server, you will significantly increase response and load times because all systems are utilized and controlled by the application on your own server.  This includes your RAM, CPU, network bandwidth and disk space.</li>
<li><strong>Security.</strong> Dedicated servers are more secured because there is only one administrative access to all of your resources.  You&#8217;re able to configure and personalize all security policies, such as user level permissions and firewall protection.</li>
<li><strong>Reliability.</strong> A dedicated server lets you have unlimited access to server resources, software applications and operating systems.</li>
<li><strong>Multiple Domains.</strong> Dedicated servers offer management friendly and cost effective solutions for multiple <a href="http://www.gilsmethod.com/recommends/hosting" style=""  rel="nofollow" onmouseover="self.status='InMotion Hosting';return true;" onmouseout="self.status=''">domain</a> <a href="http://www.gilsmethod.com/recommends/hosting" style=""  rel="nofollow" onmouseover="self.status='InMotion Hosting';return true;" onmouseout="self.status=''">hosting</a>.  It&#8217;s a lot easier to to manage accounts as needed from a single interface.</li>
</ul>
<p>When your expecting to have a very high traffic or a very resource intensive website, or are planning to resell <a href="http://www.gilsmethod.com/recommends/hosting" style=""  rel="nofollow" onmouseover="self.status='InMotion Hosting';return true;" onmouseout="self.status=''">hosting</a> and hosting multiple domains, a dedicated server will no doubt be the best solution.  You don&#8217;t want to risk website failure due to lack of resources or minimal security, especially when you&#8217;ve already put so much investment into the actual website(s) itself.</p>
<p>Photo credit <a href="http://www.flickr.com/photos/theplanetdotcom/4878810801/">Flickr</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gilsmethod.com/switch-dedicated-server/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>How to Access the Developer Tools in Internet Explorer 9</title>
		<link>http://www.gilsmethod.com/how-to-access-the-developer-tools-in-internet-explorer-9</link>
		<comments>http://www.gilsmethod.com/how-to-access-the-developer-tools-in-internet-explorer-9#comments</comments>
		<pubDate>Thu, 24 Feb 2011 16:00:00 +0000</pubDate>
		<dc:creator>Gilberto J Perera</dc:creator>
				<category><![CDATA[How-to]]></category>
		<category><![CDATA[A-Web Design]]></category>
		<category><![CDATA[IE9]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Internet & Browsers]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.gilsmethod.com/?p=11064</guid>
		<description><![CDATA[If you run any type of website or you develop sites then you will most likely need to access the developer tools in your browser. Internet Explorer is no exception. You can access the Developer Tools in Internet Explorer 9 by pressing the F12 key on your keyboard or by following the instructions below. Software/Hardware...<a href="http://www.gilsmethod.com/how-to-access-the-developer-tools-in-internet-explorer-9">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<p>If you run any type of website or you develop sites then you will most likely need to access the developer tools in your browser. Internet Explorer is no exception. You can access the Developer Tools in Internet Explorer 9 by pressing the <strong>F12</strong> key on your keyboard or by following the instructions below.</p>
<p><strong>Software/Hardware used</strong>: Internet Explorer 9 running on Windows 7.</p>
<p><img title="enable-developer-tools-internet-explorer-9.png" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2011/02/enable-developer-tools-internet-explorer-9.png" border="0" alt="enable developer tools internet explorer 9 How to Access the Developer Tools in Internet Explorer 9" width="570" height="252" /></p>
<p><strong>1. </strong>Click the <strong>Tools</strong> icon and then <strong>F12 developer tools.</strong></p>
<p><strong><img title="enable-developer-tools-internet-explorer-9-a.png" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2011/02/enable-developer-tools-internet-explorer-9-a.png" border="0" alt="enable developer tools internet explorer 9 a How to Access the Developer Tools in Internet Explorer 9" width="570" height="799" /></strong></p>
<p><strong>A. </strong>The lower portion of the Internet Explorer window will split and the Developer Tools will appear. Here you will be able to inspect page elements, view code, change standards, and more.</p>
<p>To learn more about Internet Explorer 9 standards, check out the <a href="http://msdn.microsoft.com/en-us/ie/ff468705">documentation</a> from Microsoft.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gilsmethod.com/how-to-access-the-developer-tools-in-internet-explorer-9/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Internet Explorer 9 RC Brings Stability and the Promise of a Better Web Experience</title>
		<link>http://www.gilsmethod.com/internet-explorer-9-rc-brings-stability-and-the-promise-of-a-better-web-experience</link>
		<comments>http://www.gilsmethod.com/internet-explorer-9-rc-brings-stability-and-the-promise-of-a-better-web-experience#comments</comments>
		<pubDate>Tue, 15 Feb 2011 15:30:00 +0000</pubDate>
		<dc:creator>Gilberto J Perera</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[A-Web Design]]></category>
		<category><![CDATA[IE9]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.gilsmethod.com/?p=10943</guid>
		<description><![CDATA[If you&#8217;ve been using Google&#8217;s Chrome browser for it&#8217;s speed and no-nonsense layout or Firefox because of it&#8217;s &#8220;security&#8221; features, you may want to take a look at the latest version of Internet Explorer. We&#8217;ve been following the development of Internet Explorer 9 since it was first announced and it appears that Microsoft  is not...<a href="http://www.gilsmethod.com/internet-explorer-9-rc-brings-stability-and-the-promise-of-a-better-web-experience">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;ve been using Google&#8217;s Chrome browser for it&#8217;s speed and no-nonsense layout or Firefox because of it&#8217;s &#8220;security&#8221; features, you may want to take a look at the latest version of Internet Explorer. We&#8217;ve been <a href="http://www.gilsmethod.com/screenshot-tour-internet-explorer-9-beta">following</a> the development of Internet Explorer 9 since it was first announced and it appears that Microsoft  is not going to let Chrome, Firefox, or Opera take the crown in this space.</p>
<p>The latest update sports over 17,000 pieces of user feedback and it bears the Release Candidate (RC) name which means that Internet Explorer is close to an official release as a stable product for deployment across the enterprise and to consumer&#8217;s computers. Speaking of deployment, Microsoft also made available the Internet Explorer Administration Kit 9 (IEAK 9) and the IE9 Blocker Toolkit for IT Professionals.</p>
<p>Check out two sites that are using Internet Explorer&#8217;s new site pinning feature for a completely immersive experience between Internet Explorer and Windows 7.</p>
<h2>Twitter and Internet Explorer, a better social experience</h2>
<p><img title="internet-explorer-9-rc-twitter.png" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2011/02/internet-explorer-9-rc-twitter.png" border="0" alt="internet explorer 9 rc twitter Internet Explorer 9 RC Brings Stability and the Promise of a Better Web Experience" width="570" height="436" /></p>
<p>Notice how the Back/Forward buttons change colors and the Twitter icon appears on the top-right corner. Internet Explorer is branded to Twitter&#8217;s look and feel. The next thing you will notice is that when you right-click the Twitter/IE icon on the Taskbar you will see the Jump List with a <strong>Tasks</strong> section that is specific to Twitter. Click on any of the Tasks to see the section listed.</p>
<h2>Amazon and Internet Explorer, online shopping to the next level</h2>
<p>As with any site that is pinned to the Taskbar, Internet Explorer will adjust it&#8217;s look to suit the site&#8217;s colors and icons (see Amazon below).</p>
<p><img title="internet-explorer-9-rc-amazon.png" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2011/02/internet-explorer-9-rc-amazon1.png" border="0" alt="internet explorer 9 rc amazon1 Internet Explorer 9 RC Brings Stability and the Promise of a Better Web Experience" width="570" height="643" /></p>
<p>If you want to experience what Microsoft has done to integrate the browser with Windows 7, you&#8217;ve got to give Internet Explorer 9 a spin. Trust me, you will not be disappointed.</p>
<p><a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie-9/home">Download</a> Internet Explorer 9 Release Candidate from Microsoft.</p>
<p>Via the <a href="http://windowsteamblog.com/windows/b/springboard/archive/2011/02/10/start-exploring-the-internet-explorer-9-release-candidate-today.aspx">Windows Team Blog</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gilsmethod.com/internet-explorer-9-rc-brings-stability-and-the-promise-of-a-better-web-experience/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quickly Resize Icons with Resicon</title>
		<link>http://www.gilsmethod.com/quickly-resize-icons-with-resicon</link>
		<comments>http://www.gilsmethod.com/quickly-resize-icons-with-resicon#comments</comments>
		<pubDate>Tue, 01 Feb 2011 14:20:00 +0000</pubDate>
		<dc:creator>Gilberto J Perera</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[A-Web Design]]></category>
		<category><![CDATA[Adobe Air]]></category>
		<category><![CDATA[Downloads]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.gilsmethod.com/?p=10669</guid>
		<description><![CDATA[Have you ever wanted to quickly resize an image or icon to a predefined size without having to open Photoshop? If so you may want to check out this multi-platform Adobe Air App that makes resizing icons a cinch. Resicon supports the following dimensions: 16X16, 32X32, 36X36, 48X48, 72X72 and 128X128. If these sizes don&#8217;t fit...<a href="http://www.gilsmethod.com/quickly-resize-icons-with-resicon">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" style="border: 0px initial initial;" title="resicon-resize-images.png" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2011/02/resicon-resize-images.png" border="0" alt="resicon resize images Quickly Resize Icons with Resicon" width="210" height="195" />Have you ever wanted to quickly resize an image or icon to a predefined size without having to open Photoshop? If so you may want to check out this multi-platform Adobe Air App that makes resizing icons a cinch. Resicon supports the following dimensions: 16X16, 32X32, 36X36, 48X48, 72X72 and 128X128. If these sizes don&#8217;t fit the bill you can always enter custom dimensions in the space provided.</p>
<p>The application is free and requires <a href="http://get.adobe.com/air/">Adobe Air</a> to run. If you are looking for an app to generate your own icons, check out <a href="http://www.gilsmethod.com/icon-generator-pro-create-adobe-cs5-like-icons-twitter">Icon Generator Pro</a>.</p>
<p>Via <a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;offeringid=20721">Adobe Air Marketplace</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gilsmethod.com/quickly-resize-icons-with-resicon/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The HTML 5 Standard Gets a Logo</title>
		<link>http://www.gilsmethod.com/the-html-5-standard-gets-a-logo</link>
		<comments>http://www.gilsmethod.com/the-html-5-standard-gets-a-logo#comments</comments>
		<pubDate>Wed, 19 Jan 2011 15:00:00 +0000</pubDate>
		<dc:creator>Gilberto J Perera</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[A-Web Design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet & Browsers]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.gilsmethod.com/?p=10456</guid>
		<description><![CDATA[As HTML 5 matures and browser adoption grows so has its support. The W3C (World Wide Web Consortium, the folks responsible for setting standards) announced yesterday the adoption of an official logo to represent the latest version of HTML. This announcement comes at a time when some of the parts of the standard are still...<a href="http://www.gilsmethod.com/the-html-5-standard-gets-a-logo">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<p><img style="float: left;" title="html-5-logo.png" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2011/01/html-5-logo.png" border="0" alt="html 5 logo The HTML 5 Standard Gets a Logo" width="225" height="225" />As HTML 5 matures and browser adoption grows so has its support. The W3C (World Wide Web Consortium, the folks responsible for setting standards) <a href="http://www.w3.org/html/logo/">announced</a> yesterday the adoption of an official logo to represent the latest version of HTML.</p>
<p>This announcement comes at a time when some of the parts of the standard are still in flux, however as more of the standard becomes available and more sites adopt the it, spreading awareness about the standard will help increase its adoption online. So if you&#8217;re using HTML 5 or develop HTML head on over to the official HTML 5 website to learn more and download the logo for display on your sites.</p>
<p>I currently use HTML 5 code for embedded YouTube videos, this allows users with iOS devices that do not support Flash video playback to playback the <a href="http://www.gilsmethod.com/tag/videos">videos</a> I post on this site. How are you using HTML 5?</p>
<p>Via <a href="http://windowsteamblog.com/ie/b/ie/archive/2011/01/18/celebrating-the-w3c-and-html5-with-a-new-logo-program.aspx">Windows Team Blog</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gilsmethod.com/the-html-5-standard-gets-a-logo/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Use Icon Generator Pro to Create Adobe CS5 &#8216;like&#8217; Icons for Twitter</title>
		<link>http://www.gilsmethod.com/icon-generator-pro-create-adobe-cs5-like-icons-twitter</link>
		<comments>http://www.gilsmethod.com/icon-generator-pro-create-adobe-cs5-like-icons-twitter#comments</comments>
		<pubDate>Mon, 10 May 2010 20:52:34 +0000</pubDate>
		<dc:creator>Gilberto J Perera</dc:creator>
				<category><![CDATA[How-to]]></category>
		<category><![CDATA[A-Web Design]]></category>
		<category><![CDATA[Internet & Browsers]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.gilsmethod.com/?p=3212</guid>
		<description><![CDATA[Do you like Adobe Creative Suite&#8217;s new application icons? If so, you&#8217;re in luck because Yasu (known for the Adobe Air application Icon Generator) just released a completely revamped Adobe Air App that allows you to create customized icons similar to those found in CS5. The application also allows you to create CS5 image icons...<a href="http://www.gilsmethod.com/icon-generator-pro-create-adobe-cs5-like-icons-twitter">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<p>Do you like Adobe Creative Suite&#8217;s new application icons? If so, you&#8217;re in luck because Yasu (known for the Adobe Air application Icon Generator) just released a completely revamped Adobe Air App that allows you to create customized icons similar to those found in CS5. The application also allows you to create CS5 image icons and CS4 icons. You have the option of saving the icons in 5 different sizes and the option to update your Twitter icon from the application.</p>
<p>I will provide you with a brief walkthrough explaining how the application works. If you have any comments or questions, please use the comments form at the end of the guide.</p>
<p>Icons saved with the following dimensions: 256X256, 128X128, 48X48, 32X32, 16X16</p>
<h2>Creating and Saving the Icons Locally</h2>
<p><a href="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2010/05/icongeneratorprocs5icons.png"><img style="display: inline; border-width: 0px;" title="icon-generator-pro-cs5-icons" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2010/05/icongeneratorprocs5icons_thumb.png" border="0" alt="icongeneratorprocs5icons thumb Use Icon Generator Pro to Create Adobe CS5 like Icons for Twitter" width="354" height="266" /></a></p>
<p><strong>1.</strong> Click on the <strong>Icon Design</strong> type.</p>
<p><strong>2.</strong> Enter the <strong>Logo Name</strong>.</p>
<p><strong>3.</strong> Choose the color scheme.</p>
<p><strong>4.</strong> Click on the <strong>Save Icons</strong> button to save a copy of the icons locally.</p>
<p><a href="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2010/05/icongeneratorprocs5iconsa.png"><img style="display: inline; border-width: 0px;" title="icon-generator-pro-cs5-icons-a" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2010/05/icongeneratorprocs5iconsa_thumb.png" border="0" alt="icongeneratorprocs5iconsa thumb Use Icon Generator Pro to Create Adobe CS5 like Icons for Twitter" width="354" height="264" /></a></p>
<p><strong>5.</strong> Name the file.</p>
<p><strong>6. </strong>Click<strong> Save</strong>.</p>
<p><a href="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2010/05/icongeneratorprocs5iconsb.png"><img style="display: inline; border-width: 0px;" title="icon-generator-pro-cs5-icons-b" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2010/05/icongeneratorprocs5iconsb_thumb.png" border="0" alt="icongeneratorprocs5iconsb thumb Use Icon Generator Pro to Create Adobe CS5 like Icons for Twitter" width="354" height="183" /></a></p>
<p>Open the zip file to view the icons.</p>
<h2>Update Your Twitter Icon</h2>
<p>Aside from saving the icons to your computer, you can also have the application automatically update your Twitter account&#8217;s icon. Follow the steps below to update your Twitter account icon.</p>
<p><a href="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2010/05/icongeneratorprocs5iconsc.png"><img style="display: inline; border-width: 0px;" title="icon-generator-pro-cs5-icons-c" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2010/05/icongeneratorprocs5iconsc_thumb.png" border="0" alt="icongeneratorprocs5iconsc thumb Use Icon Generator Pro to Create Adobe CS5 like Icons for Twitter" width="244" height="131" /></a></p>
<p><strong>1.</strong> After you created your icon using the instructions above, click on the <strong>Update Twitter icon</strong> button.</p>
<p><a href="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2010/05/icongeneratorprocs5iconsd.png"><img style="display: inline; border-width: 0px;" title="icon-generator-pro-cs5-icons-d" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2010/05/icongeneratorprocs5iconsd_thumb.png" border="0" alt="icongeneratorprocs5iconsd thumb Use Icon Generator Pro to Create Adobe CS5 like Icons for Twitter" width="244" height="163" /></a></p>
<p><strong>2.</strong> Enter you Twitter credentials.</p>
<p><a href="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2010/05/icongeneratorprocs5iconse.png"><img style="display: inline; border-width: 0px;" title="icon-generator-pro-cs5-icons-e" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2010/05/icongeneratorprocs5iconse_thumb.png" border="0" alt="icongeneratorprocs5iconse thumb Use Icon Generator Pro to Create Adobe CS5 like Icons for Twitter" width="179" height="120" /></a></p>
<p><strong>3. </strong>Click? Twitter icon updated.</p>
<p><a href="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2010/05/icongeneratorprocs5iconsf.png"><img style="display: inline; border-width: 0px;" title="icon-generator-pro-cs5-icons-f" src="http://gilsmethod.wpengine.netdna-cdn.com/wp-content/uploads/2010/05/icongeneratorprocs5iconsf_thumb.png" border="0" alt="icongeneratorprocs5iconsf thumb Use Icon Generator Pro to Create Adobe CS5 like Icons for Twitter" width="244" height="157" /></a></p>
<p>When you visit your Twitter account, your account icon should have updated.</p>
<p>Download <a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.publisher.detail&amp;marketplaceid=1&amp;publisherid=10252" target="_blank">Icon Generator</a> Pro from the Adobe Marketplace.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gilsmethod.com/icon-generator-pro-create-adobe-cs5-like-icons-twitter/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>How to View A Website&#8217;s Source Code</title>
		<link>http://www.gilsmethod.com/how-to-view-a-websites-source-code</link>
		<comments>http://www.gilsmethod.com/how-to-view-a-websites-source-code#comments</comments>
		<pubDate>Wed, 19 Nov 2008 01:03:58 +0000</pubDate>
		<dc:creator>Gilberto J Perera</dc:creator>
				<category><![CDATA[How-to]]></category>
		<category><![CDATA[A-Websites]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.gilsmethod.com/?p=468</guid>
		<description><![CDATA[The ability to view a website&#8217;s source code is built-in most modern web browsers. The source code allows you to view how the website was coded, in other words put together, it also gives you a glimpse of certain data that would not be available to you by just browsing the website. You can view...<a href="http://www.gilsmethod.com/how-to-view-a-websites-source-code">Continue Reading</a>]]></description>
			<content:encoded><![CDATA[<div align="center"><img src="http://gilsmethod.wpengine.netdna-cdn.com/images/ie-opera-firefox-logo-header.png" alt="ie opera firefox logo header How to View A Websites Source Code" border="0" title="How to View A Websites Source Code" /></div>
<p>The ability to view a website&#8217;s source code is built-in  most modern web browsers. The source code allows you to view how the website was coded, in other words put together, it also gives you a glimpse of certain data that would not be available to you by just browsing the website. You can view things like  a website&#8217;s Meta Tags, which contain important information like keywords, author email, and other useful information, and you can see what services the website publisher uses. </p>
<p>So why should you care about other website&#8217;s meta tags, services, etc? Well I&#8217;ll give you my example, as a publisher I&#8217;m constantly on the lookout for new things to provide my readers on my website, whether it&#8217;s enhancements, design, or other features. When I visit a website that has something which I would like to implement on my site, I normally take a look under the hood (the source code) to see what the publisher is doing or using that I could implement on my site. I see it as a way to discover &quot;best practices&quot; among web publishers and designers. The guide below will demonstrate where this option resides in 3 popular browsers; Internet Explorer, Firefox, and Opera. If you have any comments or questions, please post them below.</p>
<p><em>Note: I used Internet Explorer 7, Firefox 3.04, and Opera 9.62 for this tutorial</em><em>.</em></p>
<p><strong><em>-Internet Explorer</em></strong></p>
<p><img src="http://gilsmethod.wpengine.netdna-cdn.com/images/source-code-ie.png" alt="source code ie How to View A Websites Source Code" border="0" title="How to View A Websites Source Code" /></p>
<p><strong>1.</strong> Click on the <strong>Page &gt; View Source</strong> (located to the right)</p>
<p><img src="http://gilsmethod.wpengine.netdna-cdn.com/images/source-code-ie1.png" alt="source code ie1 How to View A Websites Source Code" border="0" title="How to View A Websites Source Code" /></p>
<p><strong>2. </strong>Notepad will open with unformatted code</p>
<p><strong><em>-Mozilla Firefox</em></strong></p>
<p><img src="http://gilsmethod.wpengine.netdna-cdn.com/images/source-code-firefox.png" alt="source code firefox How to View A Websites Source Code" border="0" title="How to View A Websites Source Code" /></p>
<p><strong>1.</strong> Click on <strong>View &gt; Page Source </strong>or keyboard shortcut (<strong>Ctrl + U</strong>)</p>
<p><img src="http://gilsmethod.wpengine.netdna-cdn.com/images/source-code-firefox1.png" alt="source code firefox1 How to View A Websites Source Code" border="0" title="How to View A Websites Source Code" /></p>
<p><strong>2. </strong>A separate Firefox window will open with the formatted/color coded source code</p>
<p>
<script type="text/javascript"><!--
google_ad_client = "pub-2014846858718479";
/* GM-InLineAd/336x280 */
google_ad_slot = "0760899849";
google_ad_width = 336;
google_ad_height = 280;
//-->
  </script><br />
  <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  </script>
</p>
<p><strong><em>-Opera</em></strong></p>
<p><img src="http://gilsmethod.wpengine.netdna-cdn.com/images/source-code-opera.png" alt="source code opera How to View A Websites Source Code" border="0" title="How to View A Websites Source Code" /></p>
<p><strong>1.</strong> Click on <strong>View &gt;  Source </strong>or keyboard shortcut (<strong>Ctrl + U</strong>)</p>
<p><img src="http://gilsmethod.wpengine.netdna-cdn.com/images/source-code-opera1.png" alt="source code opera1 How to View A Websites Source Code" border="0" title="How to View A Websites Source Code" /></p>
<p><strong>2. </strong>A new tab will open with the formatted/color coded source code.<strong></strong></p>
<p>&nbsp;</p>
<p><strong>The Verdict</strong></p>
<p>So which browser is best for displaying source code? Well Firefox and Opera are tied, they both display the source code formatted and color coded, whereas Internet Explorer opens notepad and dumps the code unformatted. In the end it all depends on your preference.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.gilsmethod.com/how-to-view-a-websites-source-code/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

