<?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>Internet Assets</title>
	<atom:link href="http://www.internet-assets.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.internet-assets.com</link>
	<description>Internet Assets offer a range of internet marketing services from Web Design and E-Commerce, to SEO Services and Web Resale. You may wish to view our portfolio of previous work and see what we have done for others! If you think we&#039;re the right fit for your project, talk to us today to own a website you&#039;ll be proud of!</description>
	<lastBuildDate>Wed, 25 Jan 2012 13:21:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Softsia Directory of Shareware</title>
		<link>http://www.internet-assets.com/technology-news/softsia-directory-of-shareware/</link>
		<comments>http://www.internet-assets.com/technology-news/softsia-directory-of-shareware/#comments</comments>
		<pubDate>Tue, 17 May 2011 12:08:54 +0000</pubDate>
		<dc:creator>Nigel Lester</dc:creator>
				<category><![CDATA[Technology News]]></category>
		<category><![CDATA[avant browser]]></category>
		<category><![CDATA[business accounting]]></category>
		<category><![CDATA[calendar maker]]></category>
		<category><![CDATA[coffeecup html editor]]></category>
		<category><![CDATA[comprehensive listing]]></category>
		<category><![CDATA[directory]]></category>
		<category><![CDATA[directory submission]]></category>
		<category><![CDATA[finance calculators]]></category>
		<category><![CDATA[free antivirus]]></category>
		<category><![CDATA[imesh 5]]></category>
		<category><![CDATA[investment tools]]></category>
		<category><![CDATA[ipod video converter]]></category>
		<category><![CDATA[pc inventory]]></category>
		<category><![CDATA[photo calendar]]></category>
		<category><![CDATA[scientific tools]]></category>
		<category><![CDATA[script type]]></category>
		<category><![CDATA[softsia]]></category>
		<category><![CDATA[vertical market]]></category>
		<category><![CDATA[winrar 3]]></category>

		<guid isPermaLink="false">http://www.internet-assets.com/?p=1147</guid>
		<description><![CDATA[Softsia Directory Freeware, shareware and demos in one big directory ]]></description>
			<content:encoded><![CDATA[<h3>Freeware, shareware and demos in one big directory</h3>
<p>If you want a comprehensive listing of top software just head over to Softsia. Its huge, easy to access and a doddle to use.</p>
<p>Their most popular download listing includes..WinZip 15.5.9468, ArkFinder 1.0, Photo Calendar Maker 1.75, Avira AntiVir Personal &#8211; Free Antivirus 10.0.0.567, WinRAR 3.93, iMesh 5.2, Download Accelerator Plus 9.6.0.7, CoffeeCup HTML Editor 2010SE,  AmigoAlex iPod Video Converter 1.0, Avant Browser 2011 beta 11.</p>
<p><img class="aligncenter" title="Softsia screen shots" src="http://www.internet-assets.com/wp-content/themes/internetassetsv1/images/bloglinks/softsia.jpg" alt="Softsia screen shots" width="377" height="365" /></p>
<p>Just a quick glance at their directory listings shows how much effort has gone into collating the best of the software downloads. Just have a look through the categories of business software on offer: Business: Accounting &amp; Finance, Calculators &amp; Converters, Databases &amp; Tools, Helpdesk &amp; Remote PC, Inventory &amp; Barcoding, Investment Tools, Math &amp; Scientific Tools, Office Suites &amp; Tools, Other, PIMS &amp; Calendars, Project Management, Vertical Market Apps</p>
<p>Anyway here&#8217;s the link. <a title="Softsia.com: Directory of shareware, freeware and demo programs. Pad file enabled for developers.&quot; /&gt; &lt;title&gt;Softsia.com: Directory of shareware, freeware and demo programs. Pad file enabled for developers" href="http://www.softsia.com/" target="_blank">www.softsia.com</a><br />
Sorry about the ads &#8211; er.. wolf from door. Thanks<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7041209005830666";
/* Mid services page */
google_ad_slot = "4769510991";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<h4  class="related_post_title">Related Posts</h4><ul class="related_post"><li><a href="http://www.internet-assets.com/e-commerce/ecommerce-expo-manchester-26-may-2011/" title="Ecommerce Expo Manchester 26 May 2011">Ecommerce Expo Manchester 26 May 2011</a></li><li><a href="http://www.internet-assets.com/services/buy-a-website/buying-website-tips/" title="Buying a website &#8211; some tips">Buying a website &#8211; some tips</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.internet-assets.com/technology-news/softsia-directory-of-shareware/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Virgin Media and TiVo</title>
		<link>http://www.internet-assets.com/technology-news/virgin-media-tivo/</link>
		<comments>http://www.internet-assets.com/technology-news/virgin-media-tivo/#comments</comments>
		<pubDate>Fri, 13 May 2011 09:30:47 +0000</pubDate>
		<dc:creator>Nigel Lester</dc:creator>
				<category><![CDATA[Technology News]]></category>
		<category><![CDATA[enough space]]></category>
		<category><![CDATA[genre]]></category>
		<category><![CDATA[media tv]]></category>
		<category><![CDATA[memory]]></category>
		<category><![CDATA[next level]]></category>
		<category><![CDATA[pick of the week]]></category>
		<category><![CDATA[s tv]]></category>
		<category><![CDATA[television]]></category>
		<category><![CDATA[terabyte]]></category>
		<category><![CDATA[tivo]]></category>
		<category><![CDATA[tivo service]]></category>
		<category><![CDATA[vigin media]]></category>
		<category><![CDATA[virgin media]]></category>

		<guid isPermaLink="false">http://www.internet-assets.com/?p=1097</guid>
		<description><![CDATA[Virgin Media and TiVo Virgin Media is cranking up the entertainment dial and taking TV to the next level with Virgin Media TV powered by TiVo.]]></description>
			<content:encoded><![CDATA[<h3>Virgin Media and TiVo</h3>
<p>Virgin Media is cranking up the TV dial and taking entertainment to the next level with Virgin Media TV powered by TiVo.</p>
<p>Virgin&#8217;s TiVo service lets you find the television you actually want to watch. Viewers can search by theme or genre, as well as browse by programme or actor . You can backwards search because your TiVo box will save a pick of the week&#8217;s TV shows  for you.</p>
<p>TiVo helps you to find new things that you might want to see.  It makes suggestions and recommendations, based on the TV you already like. So you&#8217;ve got somewhere to keep it all, your TiVo box comes with a terabyte of memory. Or enough space to store up to 500 hours of TV.<br />
<script type="text/javascript">// < ![CDATA[
// < ![CDATA[
// < ![CDATA[
 google_ad_client = "ca-pub-7041209005830666"; /* blog centre */ google_ad_slot = "7310932109"; google_ad_width = 468; google_ad_height = 60;
// ]]&gt;</script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></p>
<p>read more about <a title="Virgin media and TiVo television" href="http://tivo.virginmedia.com/public/how" target="_blank">TiVo and Virgin</a></p>
<p><a title="Two Worlds " href="http://www.paidonresults.net/c/13254/11/581/0" target="_blank"><img src="http://images.uk.paidonresults.net/13254/581/0/11" border="0" alt="Video games, consoles, accessories, toys and gadgets from Games Basement" width="468" height="60" /></a></p>
<h4  class="related_post_title">You may also like</h4><ul class="related_post"></ul>]]></content:encoded>
			<wfw:commentRss>http://www.internet-assets.com/technology-news/virgin-media-tivo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ecommerce Expo Manchester 26 May 2011</title>
		<link>http://www.internet-assets.com/e-commerce/ecommerce-expo-manchester-26-may-2011/</link>
		<comments>http://www.internet-assets.com/e-commerce/ecommerce-expo-manchester-26-may-2011/#comments</comments>
		<pubDate>Tue, 10 May 2011 19:12:15 +0000</pubDate>
		<dc:creator>Nigel Lester</dc:creator>
				<category><![CDATA[E-Commerce]]></category>
		<category><![CDATA[consumers]]></category>
		<category><![CDATA[david smith]]></category>
		<category><![CDATA[decade]]></category>
		<category><![CDATA[ecommerce industry]]></category>
		<category><![CDATA[ecommerce world]]></category>
		<category><![CDATA[exhibition]]></category>
		<category><![CDATA[exhibitions]]></category>
		<category><![CDATA[expo]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[Ian Jindal]]></category>
		<category><![CDATA[industry trends]]></category>
		<category><![CDATA[Lefras Coetzee]]></category>
		<category><![CDATA[managing director]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[nic]]></category>
		<category><![CDATA[Nic Cumisky]]></category>
		<category><![CDATA[old trafford]]></category>
		<category><![CDATA[script type]]></category>
		<category><![CDATA[speakers]]></category>
		<category><![CDATA[state of the nation]]></category>

		<guid isPermaLink="false">http://www.internet-assets.com/?p=1088</guid>
		<description><![CDATA[The one day exhibition 'eCommerce Expo Manchester'  will deliver a great overview of the ecommerce industry and provide valuable  information to get your online business soaring. ]]></description>
			<content:encoded><![CDATA[<h3>Ecommerce Expo Manchester 26 May 2011</h3>
<p>Here&#8217;s a great chance to see the great and the good of the e-commerce world in the most famous football stadium of them all.. Old Trafford (err..that&#8217;s home to Manchester United).</p>
<p>The one day exhibition &#8216;eCommerce Expo Manchester&#8217;  will deliver a great overview of the ecommerce industry and provide valuable  information to get your online business soaring. eCommerce Expo 2011 shares Old Trafford  with <a href="http://www.ecom-manchester.co.uk/page.cfm/link=7" target="_blank"><strong>TFM&amp;A Manchester</strong></a> so you get two exhibitions and educational programmes to assist with  marketing and online solutions for your business.</p>
<p>Programme includes Keynote Speakers:<br />
<script type="text/javascript">// < ![CDATA[
// < ![CDATA[
// < ![CDATA[
 google_ad_client = "ca-pub-7041209005830666"; /* blog centre */ google_ad_slot = "7310932109"; google_ad_width = 468; google_ad_height = 60;
// ]]&gt;</script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></p>
<p><strong><a title="Ian Jindal" href="http://ecommerceexpomanchester.ubm-info.com/c/1HljZNk1WAHjsqQvEln" target="_blank">M-Retailing: Selling in the age of the multi-channel  customer<br />
</a></strong><em>Ian Jindal</em></p>
<p><strong><a title="Nic Cumisky, Senior Industry Manager" href="http://ecommerceexpomanchester.ubm-info.com/c/1Hlk0Az0NoUCSWOSjz0" target="_blank">Think Mobile! How mobile impacts consumers and clients, and why  we’ve entered the decade of mobile<br />
</a></strong><em>Nic Cumisky, Senior Industry Manager</em></p>
<p><strong><a title="David Smith IMRG" href="http://ecommerceexpomanchester.ubm-info.com/c/1Hlk1nNZEd7WjsNeYMD" target="_blank">State of the Nation: Current Online Market Figures &amp; Industry  Trends<br />
</a></strong><em>David Smith, Managing Director</em></p>
<p><strong><a title="Lefras Coetzee, Head of eCommerce Proposition WorldPay" href="http://ecommerceexpomanchester.ubm-info.com/c/1Hlk2b2Yv1lfJYLBE0g" target="_blank">What factors do you need to consider when adopting an  international payment strategy?<br />
</a></strong><em>Lefras Coetzee,  Head of eCommerce Proposition</em></p>
<p><a title="Register for free tickets eCommerce Expo" href="http://ecommerceexpomanchester.ubm-info.com/c/1Hlk2YhXlPyzauJYjdT" target="_blank"><strong>Register for eCommerce Expo for free now!</strong></a></p>
<p><a title="Your Choice Budget Hosting" href="http://www.paidonresults.net/c/13254/2/4/0" target="_blank"><img src="http://images.uk.paidonresults.net/13254/4/0/2" border="0" alt="Website Hosting in Europe, Click Here!" width="468" height="60" /></a></p>
<h4  class="related_post_title">Related Posts</h4><ul class="related_post"><li><a href="http://www.internet-assets.com/technology-news/softsia-directory-of-shareware/" title="Softsia Directory of Shareware">Softsia Directory of Shareware</a></li><li><a href="http://www.internet-assets.com/work/rain-director/" title="Rain Director ">Rain Director </a></li><li><a href="http://www.internet-assets.com/inspiration/seo-with-low-volume-search-key-words/" title="SEO with low volume search key words">SEO with low volume search key words</a></li><li><a href="http://www.internet-assets.com/work/dahle-shredders-ecommerce-site/" title="Dahle Shredders ecommerce site">Dahle Shredders ecommerce site</a></li><li><a href="http://www.internet-assets.com/work/rainwater-harvesting-ltd/" title="Rainwater Harvesting Ltd">Rainwater Harvesting Ltd</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.internet-assets.com/e-commerce/ecommerce-expo-manchester-26-may-2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SEO with low volume search key words</title>
		<link>http://www.internet-assets.com/inspiration/seo-with-low-volume-search-key-words/</link>
		<comments>http://www.internet-assets.com/inspiration/seo-with-low-volume-search-key-words/#comments</comments>
		<pubDate>Mon, 02 May 2011 10:19:42 +0000</pubDate>
		<dc:creator>Nigel Lester</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[anarchist]]></category>
		<category><![CDATA[cost per click]]></category>
		<category><![CDATA[fashion statement]]></category>
		<category><![CDATA[films]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[jack sparrow]]></category>
		<category><![CDATA[key word]]></category>
		<category><![CDATA[keyword phrase]]></category>
		<category><![CDATA[mainstream product]]></category>
		<category><![CDATA[middle age peasants]]></category>
		<category><![CDATA[party people]]></category>
		<category><![CDATA[phrases]]></category>
		<category><![CDATA[pirate film]]></category>
		<category><![CDATA[pirates]]></category>
		<category><![CDATA[rebecca black]]></category>
		<category><![CDATA[search engines]]></category>
		<category><![CDATA[search term]]></category>
		<category><![CDATA[sem]]></category>
		<category><![CDATA[teeth]]></category>
		<category><![CDATA[tooth whitener]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.internet-assets.com/?p=1030</guid>
		<description><![CDATA[The search engines don&#8217;t understand new products. They only understand existing words and phrases so introducing a new word &#8211; a brand or product type &#8211; is greeted with &#8216;not invented yet&#8217; by Google. It is possible to promote the new keyword phrase &#8211; I&#8217;ll call it &#8216;tooth black&#8217; &#8211; err.. the anarchist version of &#8217;tooth whitener&#8217; [...]]]></description>
			<content:encoded><![CDATA[<p>The search engines don&#8217;t understand new products. They only understand existing words and phrases so introducing a new word &#8211; a brand or product type &#8211; is greeted with &#8216;not invented yet&#8217; by Google.</p>
<p>It is possible to promote the new keyword phrase &#8211; I&#8217;ll call it &#8216;tooth black&#8217; &#8211; err.. the anarchist version of &#8217;tooth whitener&#8217; &#8211; by building a key word related site in WordPress, SEO tuning it and supporting it with SEM &#8211; except that Adwords thinks it is such a low volume search term that it fails to return it because no-one is searching for it.</p>
<p>So its a tough one to crack. You want the world to know about your product  but the least cost method of internet marketing is blanking you.</p>
<p>Here&#8217;s a few ideas to get round the problem.<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7041209005830666";
/* blog centre */
google_ad_slot = "7310932109";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<p><strong>Borrow interest from something associated with your product.</strong> Lets say.. Teeth Blackening is a fashion statement that came from a craze to dress as pirates and middle age peasants and it appeals to 13-19 year old party people. Which is hardly a mainstream product and tough to get going. But say ..Pirates of Penzance  was a great pirate film and Jack Sparrow was the star and Jack Sparrow had blackened teeth. So you write a lot of posts in the blog section of your site linking everything to do with the famous film and the characters and add links to more Tooth Black information. And then spin this into more articles and posts about other characters in other films with blackened teeth, black teeth, tooth that is black.. etc etc.</p>
<p>Write some Adwords ads to see what sort of traffic a given keyword is getting and the cost per click. For example write an ad for &#8216;teeth whitening&#8217; and check out the cost per click &#8211; you can always take it down before you spend too much. Then if it is reasonable,  make it an active keyword in your site landing page and in the ad but write the ad heavily towards tooth black and tooth blackening ie keep the traffic attracting term in the ad but make sure there is no mistaking the actual product on offer.</p>
<p><strong>Photos and Video</strong>.  Build a <a title="Tumblr socila marketing" href="http://www.tumblr.com/" target="_blank">Tumblr</a> site and fill it with pictures of friends and family with their teeth blacked and encourage posts from other people in love with the fashion (I know this is getting a bit far fetched but it&#8217;s just an illustration). Don&#8217;t rip off other peoples&#8217; web shots because copyright really is an issue. Many copyright holders will give permission, be glad to hear from you and may even link to your new site.</p>
<p>Obviously build a YouTube page and upload videos on how to apply the black; how to look good with black teeth, what jewellery to wear etc etc and take the posted comments and reproduce them in your blog post linking back to the video &#8211; etc etc. Then there is Facebook and Twitter &#8211; to get the most out of these you need a mate who has a reasonable following to give you a push. Starting from scratch is tough, but do-able. That&#8217;s a whole different subject.</p>
<p><strong>Use Directories.</strong> Directories get weak press because they seem very benign and cost money but they are very well supported by the information hungry Google. So free list manually on a few big ones because at the end of the day if you want to sell Tooth Black the buyers need to be able to find you and you can promote within a directory for not too much cash. Don&#8217;t miss out Alibaba from your list &#8211; its probably the world&#8217;s most valuable directory.</p>
<p><strong>Use eBay and Amazon.</strong> You can&#8217;t link directly back from your eBay account because they will not be happy but you can add the product in several categories,  talk about the product and add images - the product will be found and faster than most other reselling platforms. And provided the home page of your site is &#8216;alluded to&#8217;  rather than explicitly published the visitors will check if you have a web site via search and your keywords are starting to be searched.</p>
<p><strong>Press Releases.</strong> Online mags are information hungry too and will reproduce stuff if it is relevant to their readers. There are dozens of sites that can be approached and not just in your local country &#8211; the press release will need to be very carefully written and tight to about 150 words with a couple of links. You can use a professional service like <a title="Submit your article service" href="http://www.SubmitYOURArticle.com" target="_blank">Submit your Article </a> &#8211; they have some great functions built into their service and they are helpful and don&#8217;t cost too much.</p>
<p><strong>Build your Shop on current open source platform.</strong> Use Presta or <a title="Magento Ecommerce Platform" href="http://www.magentocommerce.com/" target="_blank">Magento</a> because they both offer an open source version that works very well and there is a host of support in the form of templates and forum strings. These platforms are valuable because a lot o the SEO is built in and if you write your content carefully with an eye for both the key words and the sales copy, Google will return the pages.</p>
<p>There are a few ideas &#8211; there are many more. The facts are that it will take about 3-6 months to get a some or reasonable presence &#8211; not because of Google failing to index you but because no-one knows  to search for your key words or phrases. In the example above, the best model would be an orchestrated social network campaign as a few of days of interest from  fashion mad networked young mobile phone users is often enough to establish a brand, the product and the web site overnight. Who needs Google if you can whip up that sort of froth overnight? Err.. Rebecca Black .. need I say more?</p>
<h4  class="related_post_title">Related Posts</h4><ul class="related_post"><li><a href="http://www.internet-assets.com/work/rain-director/" title="Rain Director ">Rain Director </a></li><li><a href="http://www.internet-assets.com/services/buy-a-website/" title="Buy a website">Buy a website</a></li><li><a href="http://www.internet-assets.com/e-commerce/ecommerce-expo-manchester-26-may-2011/" title="Ecommerce Expo Manchester 26 May 2011">Ecommerce Expo Manchester 26 May 2011</a></li><li><a href="http://www.internet-assets.com/work/dahle-shredders-ecommerce-site/" title="Dahle Shredders ecommerce site">Dahle Shredders ecommerce site</a></li><li><a href="http://www.internet-assets.com/work/big-web-warehouse/" title="Big Web Warehouse ">Big Web Warehouse </a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.internet-assets.com/inspiration/seo-with-low-volume-search-key-words/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PrestaShop &#8211; Open Source E-commerce Software</title>
		<link>http://www.internet-assets.com/webdesign/prestashop-open-source-e-commerce-software/</link>
		<comments>http://www.internet-assets.com/webdesign/prestashop-open-source-e-commerce-software/#comments</comments>
		<pubDate>Tue, 23 Mar 2010 23:02:33 +0000</pubDate>
		<dc:creator>Mark Hesketh</dc:creator>
				<category><![CDATA[E-Commerce]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.internet-assets.com/uncategorized/prestashop-open-source-e-commerce-software/</guid>
		<description><![CDATA[With many different options available online when it comes to e-commerce software, we'll take a close look at our personal favourite, PrestaShop; an open source, scalable, sleek and modern e-commerce platform. Find out the advantages out the advantages and disadvantages of one of the newest systems around.]]></description>
			<content:encoded><![CDATA[<p><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="prestashop" alt="prestashop" src="http://www.internet-assets.com/wp-content/uploads/prestashop5.jpg" width="625" height="100" /> </p>
<p>Recently out of beta stages, <a href="http://www.prestashop.com/" target="_blank">PrestaShop</a> is a piece of ecommerce software that I discovered a couple of years ago while looking for a free, open source, capable and customisable e-commerce software package that I could use to create an online store for my father’s family-run sports shop in the UK.</p>
<p>I came across and tried a number of popular packages such as <a href="http://www.zen-cart.com/" target="_blank">ZenCart</a> and <a href="http://www.oscommerce.com/" target="_blank">osCommerce</a>, but found them to be clunky, unsupported or dated.</p>
<p>Enter, PrestaShop!</p>
<h2>What is PrestaShop?</h2>
<p>PrestaShop is a new, free, open-source, scalable, modular, light, fast, modern, sleek, and intuitive piece of ecommerce software.</p>
<p><a href="http://www.internet-assets.com/wp-content/uploads/prestashopopensourceecommerce1.jpg" rel="lightbox"><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="prestashop-open-source-ecommerce" alt="prestashop-open-source-ecommerce" src="http://www.internet-assets.com/wp-content/uploads/prestashopopensourceecommerce_thumb1.jpg" width="625" height="486" /></a>&#160;</p>
<h2>A bunch of reasons to use PrestaShop…</h2>
<h3>Its completely free and open-source</h3>
<ul>
<li>All it costs is time – and with a growing community for 50,000+ users providing themes and advice, this time can be significantly shortened. </li>
<li>Open-source means you can edit and customise to your hearts content. Something you don’t like? Change it! You’re not locked into the ‘rules’ and limitations of commercial software. </li>
<li>You don’t even have to mention your store is powered by PrestaShop, if you wish. (Though more exposure means a growing community, which is good news for everyone!) </li>
</ul>
<h3>Lightweight and speedy</h3>
<ul>
<li>At around 6mb in total, PrestaShop is very lightweight making it fast to download, install and update! </li>
<li>Efficient and clean code structure mean that stores run quickly, and don’t needlessly tie down your database or abuse your bandwidth. </li>
</ul>
<p><a href="http://www.internet-assets.com/wp-content/uploads/prestashopjquerysmarty2.jpg" rel="lightbox"><img style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="prestashop-jquery-smarty" border="0" alt="prestashop-jquery-smarty" src="http://www.internet-assets.com/wp-content/uploads/prestashopjquerysmarty_thumb2.jpg" width="625" height="194" /></a> </p>
<h3>Modern, Sleek and Intuitive</h3>
<ul>
<li>Completely CSS driven layouts – No more clunky table-based e-commerce solutions. </li>
<li>Web 2.0 features such as customer comments and ratings modules. </li>
<li>Uses the <a href="http://www.smarty.net" target="_blank">Smarty Template Engine</a>, separating application code used by developers from your presentation code used by designers. </li>
<li>PrestaShop uses dynamic <a href="http://jquery.com/" target="_blank">jQuery</a>/<a href="http://en.wikipedia.org/wiki/Ajax_%28programming%29" target="_blank">AJAX</a> powered code to make your store front as intriguing and interactive as possible. </li>
<li>Object Orientated PHP5 and MySQL. </li>
</ul>
<h3>SEO in mind</h3>
<ul>
<li><strong>‘</strong><a href="http://en.wikipedia.org/wiki/Rewrite_engine" target="_blank">Pretty URLs’</a> functionality included – <strong><em>‘/product.php?id=2’</em></strong> becomes <strong><em>‘/paper-shredders/dahle-safetec-strip-cut-shredder.html’</em> </strong>automatically for accurate and stronger indexing! </li>
<li>Automatically take care of <a href="http://googlewebmastercentral.blogspot.com/2009/02/specify-your-canonical.html" target="_blank">canonical URLs</a> to avoid your store being flagged by search engines as containing ‘duplicate content’. </li>
<li>Generate <a href="http://en.wikipedia.org/wiki/Sitemaps" target="_blank">Google XML Sitemaps</a> featuring all your categories, products, images and CMS pages in seconds. </li>
</ul>
<p><a href="http://www.internet-assets.com/wp-content/uploads/prestashopmodularecommercesoftware1.jpg" rel="lightbox"><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="prestashop-modular-ecommerce-software" alt="prestashop-modular-ecommerce-software" src="http://www.internet-assets.com/wp-content/uploads/prestashopmodularecommercesoftware_thumb1.jpg" width="625" height="357" /></a> </p>
<h3>Customisable and Modular</h3>
<ul>
<li>Want to offer a request option when an item is out of stock? Create your own modules, or edit the current ones to bring unique features to your store without the worry of interfering with PrestaShop’s core code. </li>
<li>Modules for most popular payment options available, such as <a href="http://www.paypal.co.uk" target="_blank">PayPal</a>, <a href="http://checkout.google.co.uk/" target="_blank">Google Checkout</a> etc (you can also create your own too, of course!) </li>
<li>Or if you prefer, purchase premium modules by community developers over at <a href="http://www.holiday-rentals.co.uk/p424030" target="_blank">PrestaStore</a>. </li>
<li>Add additional content pages using the inbuilt <a href="http://tinymce.moxiecode.com/" target="_blank">TinyMCE CMS editor</a> in the back office. </li>
</ul>
<p>And much more of course… For a full list, PrestaShop also provide their own <a href="http://www.prestashop.com/en/features" target="_blank">impressive full listing of features available here.</a></p>
<p>You may also be interested in the <a href="http://www.prestashop.com/en/showcase_liveshops" target="_blank">Live Shop Showcase</a> they provide. This gallery of online stores that use PrestaShop clearly demonstrates the customisation potential.</p>
<h2>Great! So are there any disadvantages?</h2>
<p>Unfortunately there are a couple of issues with using PrestaShop, aside from the growing community forums, little documentation is offered in terms of development (creating modules, Smarty Engine etc) via the official wiki.</p>
<p><a href="http://www.internet-assets.com/wp-content/uploads/prestashopcommunityforums2.jpg" rel="lightbox"><img style="display: block; float: none; margin-left: auto; margin-right: auto" title="prestashop-community-forums" alt="prestashop-community-forums" src="http://www.internet-assets.com/wp-content/uploads/prestashopcommunityforums_thumb2.jpg" width="625" height="236" /></a> </p>
<p>Another issue of note would be that as the PrestaShop team are located in France, the community itself was largely French speaking for a long while. This is rapidly changing however as awareness grows, and there now appears to be around 3x more English speaking users than as recent as 3 months ago.</p>
<h2>Here to help</h2>
<p>Getting started with PrestaShop was very much mostly trial and error to begin with, but it was time well spent. </p>
<p><a href="http://www.e4office.co.uk/" target="_blank"><img style="margin: 0px 5px 5px 0px; display: inline" title="e4office-ecommerce-shop-website-design" alt="e4office-ecommerce-shop-website-design" align="left" src="http://www.internet-assets.com/wp-content/uploads/e4officeecommerceshopwebsitedesign1.jpg" width="306" height="282" /></a><a href="http://www.massageforum.co.uk/shop/" target="_blank"><img style="margin: 0px 0px 5px; display: inline" title="massage-forum-ecommerce-shop-website-design" alt="massage-forum-ecommerce-shop-website-design" align="left" src="http://www.internet-assets.com/wp-content/uploads/massageforumecommerceshopwebsitedesign1.jpg" width="306" height="282" /></a> </p>
<p>Having <a href="http://www.internet-assets.com/work/" target="_blank">created multiple stores</a> powered by the PrestaShop software (including a largely customised prestashop system running multiple store fronts across differing domains via a single back office), as well as many custom modules based on client’s requirements, I now feel more than comfortable with the PrestaShop’s format and structure.</p>
<p>Therefore I intend to <strong>begin writing detailed tutorials regarding PrestaShop</strong>, sharing the knowledge I have gained over the last 12 months (some were more enjoyable than others).</p>
<h2>Sound like too much work? Hire Us!</h2>
<p>Looking to set up, or improve an online store of your own but don’t have the time, or knowledge of web development to do it yourself? </p>
<p>Have a look through some of <a href="http://www.internet-assets.com/work">previous client work</a> and <a href="http://www.internet-assets.com/contact/">get in touch</a> to find out how we can help you. We offer web design services of all sizes, from custom PrestaShop payment modules, to full ecommerce packages.</p>
<p>With rapid concept to delivery turn-around, and reasonable rates flexible dependant on the scale of work required, <a href="http://www.internet-assets.com/">Internet Assets</a> are a team of experienced e-commerce developers capable of any sized project.</p>
<p>&#160;</p>
<h3>Related Links</h3>
<ul>
<li>PrestaShop Homepage – <a href="http://www.prestashop.com/" target="_blank">http://www.prestashop.com/</a> </li>
<li>Download Prestashop &#8211; <a title="http://www.prestashop.com/en/downloads/" href="http://www.prestashop.com/en/downloads/" target="_blank">http://www.prestashop.com/en/downloads/</a> </li>
<li>Community Forums &#8211; <a title="http://www.prestashop.com/forums/" href="http://www.prestashop.com/forums/" target="_blank">http://www.prestashop.com/forums/</a> </li>
<li>PrestaStore &#8211; <a title="http://www.prestastore.com/" href="http://www.prestastore.com/" target="_blank">http://www.prestastore.com/</a> </li>
</ul>
<h4  class="related_post_title">You may also like</h4><ul class="related_post"></ul>]]></content:encoded>
			<wfw:commentRss>http://www.internet-assets.com/webdesign/prestashop-open-source-e-commerce-software/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Creative Custom 404 Error Pages</title>
		<link>http://www.internet-assets.com/webdesign/creative-custom-404-error-pages/</link>
		<comments>http://www.internet-assets.com/webdesign/creative-custom-404-error-pages/#comments</comments>
		<pubDate>Thu, 07 Jan 2010 16:13:33 +0000</pubDate>
		<dc:creator>Mark Hesketh</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[creative custom]]></category>
		<category><![CDATA[custom 404 error]]></category>
		<category><![CDATA[custom 404 pages]]></category>
		<category><![CDATA[entire web]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[web designers]]></category>
		<category><![CDATA[web experience]]></category>
		<category><![CDATA[web page]]></category>

		<guid isPermaLink="false">http://www.internet-assets.com/?p=844</guid>
		<description><![CDATA[Custom 404 Error Pages can be very useful for a number of reasons. You can integrate your website's design, allow your visitor to search for the page they were looking for, and generally give the impression that your site is not entirely broken. We'll look at some examples of the more creative 404 error pages that will hopefully inspire you to consider them in your design!]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-845" title="creative-404-error-pages" src="http://www.internet-assets.com/wp-content/uploads/creative-404-error-pages.gif" alt="" width="625" height="100" /></p>
<p>404 page errors are displayed when a web page you&#8217;re trying to view cannot be found.</p>
<p>There are several reasons for being shown a 404 error:</p>
<ul>
<li>You may have got the address wrong</li>
<li>The page may have been deleted</li>
<li>The link you clicked was incorrect.</li>
</ul>
<p>Its basically a dead end. They&#8217;re stuck, trapped, lost and alone!</p>
<div id="attachment_846" class="wp-caption alignnone" style="width: 635px"><img class="size-full wp-image-846" title="creative-custom-404-pages-ie" src="http://www.internet-assets.com/wp-content/uploads/creative-custom-404-pages-ie.gif" alt="Internet Explorer's default 404 page." width="625" height="365" /><p class="wp-caption-text">Internet Explorer&#39;s default 404 error page</p></div>
<p>Usually, its not such a nice &#8221;web experience&#8217;, especially if you&#8217;d been merrily browsing through a website to be suddenly greeted with your browser&#8217;s <strong>&#8220;This page cannot be found&#8221;</strong> 404 error. Urgh.</p>
<p>These pages are neither seamless with the rest of your web site, nor appealing to your visitors. This doesn&#8217;t have to be the case.</p>
<h2>What can be done?!</h2>
<p>Web Designers can create their own customised 404 error pages, designed to be integrated with their website. This has a bunch of advantages, allowing your visitor to seamlessly navigate back onto your website for instance, or having the ability to search for the correct page they were looking for.</p>
<p><strong>Note:</strong> There is also the possibility that someone arriving at your site from elsewhere, may see a 404 page and just assume that your <em>entire</em> web site is down! Not good!</p>
<p>Simply put, custom 404 pages are marvellous.<br />
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7041209005830666";
/* blog centre */
google_ad_slot = "7310932109";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<h2>Get creative!</h2>
<p>Your pages can be used to reflect the <em>feel, </em>or look of your web site. Or they could just be a bit humorous.</p>
<p>Here are few examples of some of the more interesting and witty custom 404 error pages around.</p>
<p><a href="http://fryewiles.com/templateserrors/404.html"><img class="alignnone size-full wp-image-848" title="creative-custom-404-pages-fryewiles" src="http://www.internet-assets.com/wp-content/uploads/creative-custom-404-pages-fryewiles.gif" alt="" width="625" height="219" /></a></p>
<p><a href="http://sprawsm.com/404"><img class="alignnone size-full wp-image-849" title="creative-custom-404-pages-sprawsm" src="http://www.internet-assets.com/wp-content/uploads/creative-custom-404-pages-sprawsm.gif" alt="" width="625" height="500" /></a></p>
<p><a href="http://www.clubpenguin.com/404"><img class="alignnone size-full wp-image-850" title="creative-custom-404-pages-clubpenguin" src="http://www.internet-assets.com/wp-content/uploads/creative-custom-404-pages-clubpenguin.gif" alt="" width="625" height="358" /></a></p>
<p><a href="http://huwshimi.com/404/"><img class="alignnone size-full wp-image-851" title="creative-custom-404-pages-huwshimi" src="http://www.internet-assets.com/wp-content/uploads/creative-custom-404-pages-huwshimi.jpg" alt="" width="625" height="625" /></a></p>
<p><a href="http://css-tricks.com/404.php"><img class="alignnone size-full wp-image-852" title="creative-custom-404-pages-csstricks" src="http://www.internet-assets.com/wp-content/uploads/creative-custom-404-pages-csstricks.gif" alt="" width="599" height="554" /></a></p>
<p><a href="http://huml.org/404.shtml"><img class="alignnone size-full wp-image-854" title="creative-custom-404-pages-huml" src="http://www.internet-assets.com/wp-content/uploads/creative-custom-404-pages-huml1.gif" alt="" width="625" height="284" /></a></p>
<p><a href="http://www.lileks.com/404"><img class="alignnone size-full wp-image-855" title="creative-custom-404-pages-lileks" src="http://www.internet-assets.com/wp-content/uploads/creative-custom-404-pages-lileks.jpg" alt="" width="625" height="625" /></a></p>
<p><a href="http://www.limpfish.com/notfound.html"><img class="alignnone size-full wp-image-856" title="creative-custom-404-pages-limpfish" src="http://www.internet-assets.com/wp-content/uploads/creative-custom-404-pages-limpfish.jpg" alt="" width="625" height="421" /></a></p>
<p><a href="http://www.jotsai.com/e/404.html"><img class="alignnone size-full wp-image-857" title="creative-custom-404-pages-jotsai" src="http://www.internet-assets.com/wp-content/uploads/creative-custom-404-pages-jotsai.gif" alt="" width="625" height="366" /></a></p>
<p><a href="http://cssremix.com/404"><img class="alignnone size-full wp-image-858" title="creative-custom-404-pages-cssremix" src="http://www.internet-assets.com/wp-content/uploads/creative-custom-404-pages-cssremix.gif" alt="" width="625" height="262" /></a></p>
<p>Hopefully these examples can provide some inspiration when looking to retain visitors to your website by creating your own custom 404 page!</p>
<h4  class="related_post_title">Related Posts</h4><ul class="related_post"><li><a href="http://www.internet-assets.com/webdesign/mockingbird/" title="Mockingbird">Mockingbird</a></li><li><a href="http://www.internet-assets.com/webdesign/firebug-add-on-for-firefox/" title="Firebug: Add-on for Firefox">Firebug: Add-on for Firefox</a></li><li><a href="http://www.internet-assets.com/tutorials/css-sticky-footer/" title="CSS Sticky Footer">CSS Sticky Footer</a></li><li><a href="http://www.internet-assets.com/inspiration/creative-use-of-typography-in-design-and-advertising/" title="Creative uses of Typography in Design and Advertising">Creative uses of Typography in Design and Advertising</a></li><li><a href="http://www.internet-assets.com/tutorials/disable-flash-in-firefox/" title="Disable Flash in Firefox">Disable Flash in Firefox</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.internet-assets.com/webdesign/creative-custom-404-error-pages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Sticky Footer</title>
		<link>http://www.internet-assets.com/tutorials/css-sticky-footer/</link>
		<comments>http://www.internet-assets.com/tutorials/css-sticky-footer/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 13:15:07 +0000</pubDate>
		<dc:creator>Mark Hesketh</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.internet-assets.com/?p=816</guid>
		<description><![CDATA[Make your footer to actually stay at the bottom of the browser window. No need for Javascript, hacks, filler DIVs, none of that. We'll look at a clever way way using pure CSS/HTML to keep that footer down there, even if the content on your page is limited.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-815" title="css-sticky-footer-title" src="http://www.internet-assets.com/wp-content/uploads/css-sticky-footer-title.gif" alt="css-sticky-footer-title" width="625" height="100" /></p>
<p>Sometimes when designing a web page, you just want that footer to stick to the bottom of the window, even when your page is thin on content. I don&#8217;t mean permanently as you scroll, but on those pages where due to a lack of content there is no vertical overflow, and so you&#8217;d like the footer to actually remain at the &#8216;foot&#8217; of the browser window. Not freely hiking up to the middle of your page, uninvited!</p>
<p>Well, the clever chaps over at <a href="http://www.cssstickyfooter.com">CSSStickyFooter.com</a> have devised a way to do this more cleanly than the &#8216;solutions&#8217; of the past.</p>
<div id="attachment_817" class="wp-caption alignnone" style="width: 635px"><a href="http://www.internet-assets.com/wp-content/uploads/css-sticky-footer-example.gif"><img class="size-medium wp-image-817 " title="css-sticky-footer-example" src="http://www.internet-assets.com/wp-content/uploads/css-sticky-footer-example-625x430.gif" alt="css-sticky-footer-example" width="625" height="430" /></a><p class="wp-caption-text">As you can see in this quick example, due to the sparse content on the page, the footer has decided to wander up the page leaving a gap beneath</p></div>
<p>This looks a bit messy. However, it easily be fixed and become&#8230;</p>
<div id="attachment_819" class="wp-caption alignnone" style="width: 635px"><a href="http://www.internet-assets.com/wp-content/uploads/css-sticky-footer-fixed.gif"><img class="size-medium wp-image-819  " title="css-sticky-footer-fixed" src="http://www.internet-assets.com/wp-content/uploads/css-sticky-footer-fixed-625x430.gif" alt="css-sticky-footer-fixed" width="625" height="430" /></a><p class="wp-caption-text">The footer has now rooted itself to the foot of the browser window, regardless of the page&#39;s content.</p></div>
<h2>Why is this solution better than others?</h2>
<ul>
<li>Works in <strong>all major browsers</strong>. Chrome, Firefox 2/3, IE 6/7/8, Opera 9/10, Safari&#8230; and loads more. <a href="http://www.cssstickyfooter.com/browser-list.html">Full list of browser support.</a></li>
<li>Works with columned CSS layouts.</li>
<li>No overlaps in resized windows.</li>
<li>No empty &#8216;push&#8217; div clogging up your code.</li>
</ul>
<h2>Okay, so how do I do it?</h2>
<p>Full credit here of course goes to those chaps at <a href="http://www.cssstickyfooter.com/">CSSStickyFooter.com</a>.</p>
<p><strong>I will only include the raw HTML/CSS code here</strong>, however you can get the <a href="http://www.cssstickyfooter.com/using-sticky-footer-code.html">full instructions over at the CSSStickyFooter website</a>.</p>
<h3>The HTML</h3>
<div class="codesnip-container" >
<div class="html4strict codesnip" style="font-family:monospace;"><span class="sc2">&lt;<a href="http://december.com/html/4/element/div.html"><span class="kw2">div</span></a> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;wrap&quot;</span>&gt;</span></p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<a href="http://december.com/html/4/element/div.html"><span class="kw2">div</span></a> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;main&quot;</span> <span class="kw3">class</span><span class="sy0">=</span><span class="st0">&quot;clearfix&quot;</span>&gt;</span></p>
<p>&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/div.html"><span class="kw2">div</span></a>&gt;</span></p>
<p><span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/div.html"><span class="kw2">div</span></a>&gt;</span></p>
<p><span class="sc2">&lt;<a href="http://december.com/html/4/element/div.html"><span class="kw2">div</span></a> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;footer&quot;</span>&gt;</span></p>
<p><span class="sc2">&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/div.html"><span class="kw2">div</span></a>&gt;</span></div>
</div>
<h3>The CSS</h3>
<div class="codesnip-container" >
<div class="css codesnip" style="font-family:monospace;"><span class="coMULTI">/*<br />
Sticky Footer Solution<br />
by Steve Hatcher<br />
http://stever.ca<br />
http://www.cssstickyfooter.com<br />
*/</span></p>
<p><span class="sy0">*</span> <span class="br0">&#123;</span><br />
<span class="kw1">margin</span><span class="sy0">:</span><span class="nu0">0</span><span class="sy0">;</span><br />
<span class="kw1">padding</span><span class="sy0">:</span><span class="nu0">0</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p><span class="coMULTI">/* must declare 0 margins on everything, also for main layout components use padding, not<br />
vertical margins (top and bottom) to add spacing, else those margins get added to total height<br />
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */</span></p>
<p>html<span class="sy0">,</span> body<span class="sy0">,</span> <span class="re0">#wrap</span> <span class="br0">&#123;</span><br />
<span class="kw1">height</span><span class="sy0">:</span> <span class="re3"><span class="nu0">100</span>%</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p>body<span class="sy0">,</span> <span class="re0">#wrap</span> <span class="br0">&#123;</span><br />
<span class="kw1">height</span><span class="sy0">:</span> <span class="kw2">auto</span><span class="sy0">;</span><br />
<span class="kw1">min-height</span><span class="sy0">:</span> <span class="re3"><span class="nu0">100</span>%</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p><span class="re0">#main</span> <span class="br0">&#123;</span><br />
<span class="kw1">padding-bottom</span><span class="sy0">:</span> <span class="re3">150px</span><span class="sy0">;</span> <span class="coMULTI">/* must be same height as the footer */</span><br />
<span class="br0">&#125;</span></p>
<p><span class="re0">#footer</span> <span class="br0">&#123;</span><br />
<span class="kw1">position</span><span class="sy0">:</span> <span class="kw2">relative</span><span class="sy0">;</span><br />
<span class="kw1">margin-top</span><span class="sy0">:</span> <span class="re3">-150px</span><span class="sy0">;</span> <span class="coMULTI">/* negative value of footer height */</span><br />
<span class="kw1">height</span><span class="sy0">:</span> <span class="re3">150px</span><span class="sy0">;</span><br />
<span class="kw1">clear</span><span class="sy0">:</span><span class="kw2">both</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p><span class="coMULTI">/* CLEAR FIX*/</span><br />
<span class="re1">.clearfix</span><span class="re2">:after </span><span class="br0">&#123;</span><br />
<span class="kw1">content</span><span class="sy0">:</span> <span class="st0">&quot;.&quot;</span><span class="sy0">;</span><br />
<span class="kw1">display</span><span class="sy0">:</span> <span class="kw2">block</span><span class="sy0">;</span><br />
<span class="kw1">height</span><span class="sy0">:</span> <span class="nu0">0</span><span class="sy0">;</span><br />
<span class="kw1">clear</span><span class="sy0">:</span> <span class="kw2">both</span><span class="sy0">;</span><br />
<span class="kw1">visibility</span><span class="sy0">:</span> <span class="kw2">hidden</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p><span class="re1">.clearfix</span> <span class="br0">&#123;</span><br />
<span class="kw1">display</span><span class="sy0">:</span> inline-<span class="kw2">block</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></p>
<p><span class="coMULTI">/* Hides from IE-mac \*/</span><br />
<span class="sy0">*</span> html <span class="re1">.clearfix</span> <span class="br0">&#123;</span><br />
<span class="kw1">height</span><span class="sy0">:</span> <span class="re3"><span class="nu0">1</span>%</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span><br />
<span class="re1">.clearfix</span> <span class="br0">&#123;</span><br />
<span class="kw1">display</span><span class="sy0">:</span> <span class="kw2">block</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span><br />
<span class="coMULTI">/* End hide from IE-mac */</span></div>
</div>
<h4  class="related_post_title">Related Posts</h4><ul class="related_post"><li><a href="http://www.internet-assets.com/webdesign/firebug-add-on-for-firefox/" title="Firebug: Add-on for Firefox">Firebug: Add-on for Firefox</a></li><li><a href="http://www.internet-assets.com/webdesign/creative-custom-404-error-pages/" title="Creative Custom 404 Error Pages">Creative Custom 404 Error Pages</a></li><li><a href="http://www.internet-assets.com/webdesign/mockingbird/" title="Mockingbird">Mockingbird</a></li><li><a href="http://www.internet-assets.com/tutorials/disable-flash-in-firefox/" title="Disable Flash in Firefox">Disable Flash in Firefox</a></li><li><a href="http://www.internet-assets.com/services/psd-to-html/" title="PSD to HTML">PSD to HTML</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.internet-assets.com/tutorials/css-sticky-footer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mockingbird</title>
		<link>http://www.internet-assets.com/webdesign/mockingbird/</link>
		<comments>http://www.internet-assets.com/webdesign/mockingbird/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 16:52:11 +0000</pubDate>
		<dc:creator>Mark Hesketh</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[Tool]]></category>

		<guid isPermaLink="false">http://www.internet-assets.com/?p=734</guid>
		<description><![CDATA[Create mock up web design with this drag and drop online tool, before wasting time in Photoshop. Decide where your HTML and UI elements will go before getting bogged down with layers and colour schemes! We'll look at this very useful tool and how it can help to speed up the design process, while allowing you effectively plan your project and stay on track. Oh, and its free!]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-790" title="mockingbird-web-design-tool-title" src="http://www.internet-assets.com/wp-content/uploads/mockingbird-title.gif" alt="mockingbird-web-design-tool-title" width="625" height="100" /></p>
<p><a href="http://www.gomockingbird.com">Mockingbird</a> is an online tool created to assist in the early stages of web design. While still in &#8216;beta&#8217; stages, <a href="http://gomockingbird.com/">Mockingbird </a>already looks to be a useful utility.</p>
<h2>Create mock ups of your layouts</h2>
<p><a href="http://gomockingbird.com/">Mockingbird </a>allows you to &#8216;mock up&#8217; designs and layouts using a wire frame mesh, in a web-based environment &#8211; there&#8217;s no downloads, its straight from your browser window. It doesn&#8217;t even require Flash.</p>
<div id="attachment_791" class="wp-caption alignnone" style="width: 634px"><a href="http://www.internet-assets.com/wp-content/uploads/mockingbird-main-page-wireframe-layout.gif"><img class="size-medium wp-image-791" title="mockingbird-main-page-wireframe-layout" src="http://www.internet-assets.com/wp-content/uploads/mockingbird-main-page-wireframe-layout-624x249.gif" alt="mockingbird-main-page-wireframe-layout" width="624" height="249" /></a><p class="wp-caption-text">The opening shot shows how Mockingbird could be used to mock up YouTube</p></div>
<p>With <a href="http://gomockingbird.com/">Mockingbird</a>, you can lay out your pages in its most simplistic form &#8211; where your headers and text will appear, breadcrumb links, perhaps even embedded videos or form elements, all by drag and drop.</p>
<p>What this means is you can very quickly turn your ideas into pages, considering the focal points, rearranging text, decide whether or not you need a bit more navigation. All that kind off stuff. But, without having to mess about with a pile of layers within<a href="http://www.adobe.com/products/photoshop/compare/"> Photoshop</a>.</p>
<h2>Using Mockingbird</h2>
<p>The workspace in <a href="http://gomockingbird.com/">Mockingbird </a>has a whole host of features. From Undo/Redo, grouping your elements, sending them from back to front, and the most useful of all, Align. All the things you might expect from your average design software package.</p>
<div id="attachment_795" class="wp-caption alignnone" style="width: 635px"><a href="http://www.internet-assets.com/wp-content/uploads/mockingbird-workspace-for-web-design-layouts.gif"><img class="size-medium wp-image-795 " title="mockingbird-workspace-for-web-design-layouts" src="http://www.internet-assets.com/wp-content/uploads/mockingbird-workspace-for-web-design-layouts-625x307.gif" alt="mockingbird-workspace-for-web-design-layouts" width="625" height="307" /></a><p class="wp-caption-text">Your first mock up starts as a bit of a mess, but it gets the point across.</p></div>
<p>Its also all very easy to understand and use. There&#8217;s the usual toolbar on the left hand side, where as your workspace is the white area to the right &#8211; which expands to fit your work as you drag and drop.</p>
<p>The workspace also includes a wide range of your typical web and UI elements, such as input boxes, tab containers, and link bars as well as your more uncommon features such as star ratings, tag clouds and volume sliders.</p>
<div id="attachment_797" class="wp-caption alignnone" style="width: 635px"><img class="size-full wp-image-797" title="mockingbird-workspace-typical-html-features" src="http://www.internet-assets.com/wp-content/uploads/mockingbird-workspace-typical-html-features1.gif" alt="mockingbird-workspace-typical-html-features" width="625" height="464" /><p class="wp-caption-text">Just a sample of some of the drag-drop elements available</p></div>
<p>Many of the elements can also be customised &#8211; the &#8216;progress bar&#8217; for instance will fill to whatever percentage you specify, or the star ratings will highlight the number of stars you specify.</p>
<h2>Save and Share your designs</h2>
<p>One of the major benefits to <a href="http://gomockingbird.com/">Mockingbird </a>is that you can save your designs, as well as share them with fellow designers or even your clients for approval.</p>
<div id="attachment_799" class="wp-caption alignnone" style="width: 635px"><a href="http://www.internet-assets.com/wp-content/uploads/mockingbird-workspace-save-your-design.gif"><img class="size-medium wp-image-799" title="mockingbird-workspace-save-your-design" src="http://www.internet-assets.com/wp-content/uploads/mockingbird-workspace-save-your-design-625x389.gif" alt="mockingbird-workspace-save-your-design" width="625" height="389" /></a><p class="wp-caption-text">A mock up of the Internet Assets homepage</p></div>
<p>This was a quick design I did a few months ago when designing the <a href="http://www.internet-assets.com">Internet Assets</a> layout. If you&#8217;ve seen our <a href="http://www.internet-assets.com">homepage</a>, hopefully you can see the resemblance.  This Mockingbird mock-up was very quickly put together &#8211; but allowed guidance and allowed me to stay on track while using <a href="http://www.adobe.com/products/photoshop/compare/">Photoshop</a>.</p>
<p>The point is, even though it was done a number of weeks previously, I was instantly able to reclaim my design untouched by logging in with an email address.</p>
<p>Your designs can also be exported as <a href="http://en.wikipedia.org/wiki/Portable_Network_Graphics">PNG </a>images of <a href="http://en.wikipedia.org/wiki/Pdf">PDF </a>files, to be able to share with your clients, and share with them your ideas before throwing hours into <a href="http://www.adobe.com/products/photoshop/compare/">Photoshop </a>to find they&#8217;d rather not feature embedded videos on the front page (for example!).</p>
<p>You could maybe even allow a client to have a go, and send you their thoughts on element positioning without them ever having touched <a href="http://www.adobe.com/products/photoshop/compare/">Photoshop </a>or <a href="http://en.wikipedia.org/wiki/HTML">HTML</a>.</p>
<h2>Some other nifty features!</h2>
<ul>
<li>Create multiple pages for your layout, under the same saved design.</li>
<li>Link these pages together as if they were on a live website.</li>
<li>Snap to grid &#8211; will try to auto align the elements you drag to features of your design.</li>
<li>Produce clean layouts without getting hung up and bogged down in the details.</li>
<li>Auto resizing of text and elements by dragging their corners &#8211; no need to fiddle with your pixels!</li>
<li>&#8230;completely free!</li>
</ul>
<h2>Or you could hire us!</h2>
<p>If you&#8217;re looking for a<a href="../../services/website-designed-and-built-from-scratch/"> new web site</a>, <a href="../../services/website-designed-and-built-from-scratch/">web design</a>, or even <a href="../../services/website-redesign/">have a website and want it re-designed</a>. Take a look at <a href="../../work/">our portfolio of work</a>, the <a href="../../services/">many web design services</a> we provide, and <a href="../../contact/">contact us today</a> to own a website that you&#8217;ll be proud of.</p>
<h4  class="related_post_title">Related Posts</h4><ul class="related_post"><li><a href="http://www.internet-assets.com/webdesign/firebug-add-on-for-firefox/" title="Firebug: Add-on for Firefox">Firebug: Add-on for Firefox</a></li><li><a href="http://www.internet-assets.com/webdesign/creative-custom-404-error-pages/" title="Creative Custom 404 Error Pages">Creative Custom 404 Error Pages</a></li><li><a href="http://www.internet-assets.com/tutorials/css-sticky-footer/" title="CSS Sticky Footer">CSS Sticky Footer</a></li><li><a href="http://www.internet-assets.com/tutorials/disable-flash-in-firefox/" title="Disable Flash in Firefox">Disable Flash in Firefox</a></li><li><a href="http://www.internet-assets.com/services/psd-to-html/" title="PSD to HTML">PSD to HTML</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.internet-assets.com/webdesign/mockingbird/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creative uses of Typography in Design and Advertising</title>
		<link>http://www.internet-assets.com/inspiration/creative-use-of-typography-in-design-and-advertising/</link>
		<comments>http://www.internet-assets.com/inspiration/creative-use-of-typography-in-design-and-advertising/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 15:13:44 +0000</pubDate>
		<dc:creator>Mark Hesketh</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.internet-assets.com/?p=634</guid>
		<description><![CDATA[Typography can often be wrongly overlooked in design, where imagery is often seen as King. With many designers out there specialising in turning type into art, we'll look at some stunning and powerful pieces of design work where typography takes a star-role. These examples demonstrate how Typography can be used to craft something beautiful, and the benefit well-thought Typography has in any piece of design work.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-717" title="clever-typography-design-title" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-title.gif" alt="clever-typography-design-title" width="625" height="100" /></p>
<p>Ever since one particular project during my University days I&#8217;ve been consistently amazed by purely type-based design, and how much type can be overlooked as a fundamental piece of any design task, print, web or otherwise.</p>
<h2>What is Typography?</h2>
<blockquote><p>&#8220;Typography refers to the arrangement of text on a page, and appears in some form or another in all instances of written communication. Depending on the purpose, typography can be used for optimum readability, impact, or an artistic statement. Some graphic designers work totally in text, and study typography extensively while they perfect their art. Quality typography can make a big difference in communications, because it can impact the way the reader sees and feels about the topic being discussed.&#8221; &#8211; <a href="http://www.acuitydesigns.net/">Acuity Designs</a></p></blockquote>
<h2>Stunning Typography</h2>
<p>Typography on a most basic level can be used to reflect a company&#8217;s brand, retaining a &#8216;style&#8217; across different media and platforms. There are designers however who specialise purely in typography and can create some truely stunning works of art.</p>
<p><script type="text/javascript"><!--
google_ad_client = "ca-pub-7041209005830666";
/* blog centre */
google_ad_slot = "7310932109";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<p>These examples demonstrate how Typography can be used to craft something beautiful, and the benefit well-thought Typography has in any piece of design work.</p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-drugs.jpg" alt="clever-typography-design-drugs" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-auspost.jpg" alt="clever-typography-design-auspost" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-typefactory.jpg" alt="clever-typography-design-typefactory" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-belecole.jpg" alt="clever-typography-design-belecole" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-benandjerries.jpg" alt="clever-typography-design-benandjerries" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-berdandbuds.jpg" alt="clever-typography-design-berdandbuds" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-bic.jpg" alt="clever-typography-design-bic" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-bluewaterproject.jpg" alt="clever-typography-design-bluewaterproject" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-brighton.jpg" alt="clever-typography-design-brighton" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-childsoliders.jpg" alt="clever-typography-design-childsoliders" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-cocacola.jpg" alt="clever-typography-design-cocacola" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-corrado.jpg" alt="clever-typography-design-corrado" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-espanol.jpg" alt="clever-typography-design-espanyol" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-everlast.jpg" alt="clever-typography-design-everlast" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-fedex.jpg" alt="clever-typography-design-fedex" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-ikea.jpg" alt="clever-typography-design-ikea" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-into.jpg" alt="clever-typography-design-into" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-levis.jpg" alt="clever-typography-design-levis" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-malteser.jpg" alt="clever-typography-design-malteser" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-marmite.jpg" alt="clever-typography-design-marmite" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-mercedesbenz.jpg" alt="clever-typography-design-mercedesbenz" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-mercedesbenz2.jpg" alt="clever-typography-design-mercedesbenz2" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-nike.jpg" alt="clever-typography-design-nike" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-paknstor.jpg" alt="clever-typography-design-paknstor" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-regaine.jpg" alt="clever-typography-design-regaine" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-robertsmith.jpg" alt="clever-typography-design-robertsmith" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-sanyo.jpg" alt="clever-typography-design-scrabble" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-shch.jpg" alt="clever-typography-design-shch" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-smoking.jpg" alt="clever-typography-design-smoking" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-sunrype.jpg" alt="clever-typography-design-sunrype" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-thepioneer.jpg" alt="clever-typography-design-thepioneer" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-think.jpg" alt="clever-typography-design-think" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-unfpa.jpg" alt="clever-typography-design-unfpa" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-veja.jpg" alt="clever-typography-design-veja" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-worlds.jpg" alt="clever-typography-design-worlds" /></p>
<p><img class="alignnone size-full" title="clever-typography-design-auspost" src="http://www.internet-assets.com/wp-content/uploads/clever-typography-design-zvstudio.jpg" alt="clever-typography-design-zvstudio" /></p>
<h4  class="related_post_title">Related Posts</h4><ul class="related_post"><li><a href="http://www.internet-assets.com/webdesign/creative-custom-404-error-pages/" title="Creative Custom 404 Error Pages">Creative Custom 404 Error Pages</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.internet-assets.com/inspiration/creative-use-of-typography-in-design-and-advertising/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firebug: Add-on for Firefox</title>
		<link>http://www.internet-assets.com/webdesign/firebug-add-on-for-firefox/</link>
		<comments>http://www.internet-assets.com/webdesign/firebug-add-on-for-firefox/#comments</comments>
		<pubDate>Fri, 06 Nov 2009 13:33:18 +0000</pubDate>
		<dc:creator>Mark Hesketh</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[Tool]]></category>

		<guid isPermaLink="false">http://www.internet-assets.com/?p=202</guid>
		<description><![CDATA[Firebug, an extension for Mozilla Firefox, allows you to very quickly navigate through your (or others!) source code online, with many features that turn web design into a breeze. Not sure why your CSS isn't affecting a certain element? Inspect it and find out why in seconds! We'll take a look at this incredibly useful (and free!) extension.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-204" title="Firebug Extension for Firefox" src="http://www.internet-assets.com/wp-content/uploads/firebug1.gif" alt="Firebug Extension for Firefox" width="625" height="100" /></p>
<p>I thought I would share this wonderful little <a href="http://www.mozilla.com/en-US/firefox/firefox.html">Firefox</a> add-on, Firebug. I must use this extension every 30 seconds at work, and would strongly recommend it to web designer/developers of all skill levels.</p>
<p>Firebug in essence allows you to bring up a frame at the bottom of your web browser, displaying all of the <a href="http://www.computerhope.com/issues/ch000746.htm">&#8216;source code&#8217;</a> for the page you are viewing, including a side window revealing related <a href="http://www.w3schools.com/css/">CSS</a>. However, it contains many powerful features that take it beyond just simply displaying a page&#8217;s source.</p>
<div id="attachment_205" class="wp-caption alignnone" style="width: 635px"><img class="size-full wp-image-205 " title="Firebug Firefox Extension Window" src="http://www.internet-assets.com/wp-content/uploads/firebug-extension-window.jpg" alt="Firebug Firefox Extension Window" width="625" height="244" /><p class="wp-caption-text">The Firebug window pops up along the bottom of your browser</p></div>
<p>One of my favourite, and most used features of Firebug, is the <a href="http://getfirebug.com/html.html">&#8216;Inspect&#8217;</a> tool. You are able to roll over objects within your page (images, links, paragraphs, form elements.. whatever), and be taken straight to its reference within the source code, as well as <strong>all</strong> the areas of your CSS that are relevent to that object!</p>
<div id="attachment_206" class="wp-caption alignnone" style="width: 635px"><img class="size-full wp-image-206 " title="firebug extension edit element" src="http://www.internet-assets.com/wp-content/uploads/firebug-extension-edit-element.jpg" alt="firebug extension edit element" width="625" height="191" /><p class="wp-caption-text">Tweak your HTML/CSS on the fly and see instant changes in your browser</p></div>
<p>If you&#8217;ve ever had it where you&#8217;re scratching your head at why a link&#8217;s font size is 14px when you <em>clearly</em> told it be 12px, you can use the right hand column (image above) to scroll through each area of your CSS that is interacting with your selected object.</p>
<div id="attachment_207" class="wp-caption alignnone" style="width: 635px"><img class="size-full wp-image-207 " title="firebug-extension-disable" src="http://www.internet-assets.com/wp-content/uploads/firebug-extension-disable.jpg" alt="firebug-extension-disable" width="625" height="213" /><p class="wp-caption-text">Disable individual features of your CSS, and see which is relevant to your selected object.</p></div>
<p>This makes debugging design work amazingly quick and efficient, there&#8217;s no need for trial and error changes. Just &#8216;inspect&#8217; the object, and reveal the fault instantly!</p>
<p>Once you&#8217;ve found the issue, you may of course then want to fix it. With Firebug you don&#8217;t even need to back into your editor. HTML and CSS can both be edited on the fly within the Firebug window, showing your changes instantly on your browser with no need for refreshing. This way you can tweak objects pixel by pixel to get them just right! When you&#8217;re happy, just make the final changes in your editor.</p>
<p>In the same way you can completely remove whole aspects of the CSS piece by piece. These changes will too be reflected in your web browser instantly. I often use this function to see if my newly imputted CSS code has actually made any changes whatsoever!</p>
<p>You may also note the &#8216;line-height: normal&#8217; being crossed out at the bottom of the image above. This is another feature whereby it will reveal parts of your CSS that are being overridden. In this case &#8216;line-height: normal&#8217; is not being used due to a second &#8216;line-height&#8217; being specified within the &#8216;.post-body&#8217; tag (image above).</p>
<p>I cant overemphasize how much I use this tool. I am currently working on a <a href="http://www.prestashop.com/">pre-made shop template</a>, and finding the relevant areas of CSS to edit within the 2500 line monster .css file supplied would have been hell without this.</p>
<p>You can download, and read about its other many features here: <a href="http://getfirebug.com/">http://getfirebug.com/</a></p>
<h4  class="related_post_title">Related Posts</h4><ul class="related_post"><li><a href="http://www.internet-assets.com/tutorials/css-sticky-footer/" title="CSS Sticky Footer">CSS Sticky Footer</a></li><li><a href="http://www.internet-assets.com/webdesign/mockingbird/" title="Mockingbird">Mockingbird</a></li><li><a href="http://www.internet-assets.com/webdesign/creative-custom-404-error-pages/" title="Creative Custom 404 Error Pages">Creative Custom 404 Error Pages</a></li><li><a href="http://www.internet-assets.com/tutorials/disable-flash-in-firefox/" title="Disable Flash in Firefox">Disable Flash in Firefox</a></li><li><a href="http://www.internet-assets.com/services/psd-to-html/" title="PSD to HTML">PSD to HTML</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.internet-assets.com/webdesign/firebug-add-on-for-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

