test: March 2010

Saturday, 27 March 2010

Choose an eCommerce software for your business . List of 10 popular ones .

E commerce has grown into one of the most feasible ways to establish a market presence. More and more online shopping website open in these days . They are the cheapest and efficient solution for product distribution . Now ,setting up an online shopping is not a hard working task . We can do it quickly with an eCommerce software . You can use many software for creating a shop online ,both of commercial and non-commercial platform . In this post ,I've just want to list Open source eCommerce softwares which are popular in the market . I hope you can find the best for yourself .

1. Zen Cart

It’s a free and compatible open source shopping cart software ,developed by a group of shop owners, programmers, designers and consultants . This is one of the most popular eCommerce platform .
More

2. Ubercart

This is a module for Drupal, combining it with best CMS application. It serves in selling physical goods; file downloads as well as site access/membership with auto renewal. It works with a number of payment systems like Cyber Source, Authorize.net, PayPal & more.
More

3. Magneto

A new eCommerce application but quite good . For user as well as admin, this software has some features to support e-commerce. It allows multiple stores to be managed from a single admin interface. It's suitable for all-size and all-kind of online shop . But I got a little trouble with this software ,its loading time is a bit slow . Anyone of you have encountered with this trouble like me?
More

4. dasCommerce

It’s a multilingual and fully customizable app. dasCommerce offers theming support with unlimited categories and unlimited images to be added to the product.
More

5. osCommerce

It is one of the oldest free e-commerce software that offer several marketing options and supports most of the payment system. This multilingual and SEO friendly app works with PHP/MySQL. In the first versions ,I think this software hard to use . Not-friendly interface and admin panel ,template is coded in table ,not standard CSS . It's better in recent versions . But I think it's not a good one if user have no knowledge on HTML,and PHP ... (just my opinion ^^)
More

6. Prestashop

Very easy to use ,sleek and simple interface in Web 2.0 style - this is the advantage of PrestaShop . With this open source you can create special deals such as gift vouchers, price reductions, tag products, sell virtual goods and service. I love this software .
More

7. Wordpress

When this plugin comes to life ,it proved that Wordpress can work as a platform for eCommerce . Many discussions for its security ,but I think this aspect is improved . It’s a plugin that includes all the vital features of wordpress for managing content. Those who are acquainted with wordpress themeing can do lot for their store. I've never see any large store in internet using this solution ,but with a small ones ,I think it quite good . Using and modify Wordpress's plugin is always easier than others .
More

8. OXID esales

The app encloses most of the essential ecommerce features as well as other additions such as powerful marketing integration, B2C, B2B and social commerce scenarios, integrated CMS, SEO friendly URLs etc.
More

9. VirtueMart

This is an ecommerce system for Joomla(and Mambo) . It's good for all kind of online store ,lot of features and easy to install ,configure and use .
More

10. Simplecart(js)

I've never considered SimpleCart as an ecommerce platform . It's just contain some script files and we can make only shopping cart with this software .No dashboard,no stock management ...Checkout process via the PayPal. The products are displayed in a single page with an outstanding interface . If you has a large store and want to make big money ,SimpleCart is not for you . But if you have a blog in Blogger and want to sell somethings ,you will love it . I made a tutorial for using SimpleCart in Blogger for a shop ,you can see it here
More

In this post ,I listed some popular ecommerce softwares ,included my opinions .I hope it useful for you . If you have experience in using these software ,feel free to sharing your thought here in comments . Thank in advance .
huy signature

Supporters:
Begin a website for your business with eCommerce Web Hosting that has top reviews on Hosting Observer.

Saturday, 20 March 2010

77 tools for SEO and web research in one site

Website mentioned in this post is no longer available.

SEO and web research for competitive keywords ,PageRank ,and anything like that may take you a lot of time . In internet ,there are many services ,and each of them can do only several tasks ,so you have to pass over many sites for completing the research .
~~But I found an interesting website ,it contain 77 free tools for SEO and web research~~

Tools are organized in 11 categories

- Link Tools : for analyzing links and backlinks
-Keyword Tools : researching keywords
-Authority Link Tools : analyzing backlinks and rank in Web directory
-Search Engine Tools : Check web index ,web crawling ... in popular search engine
-Website Rank Checkers : Check website rank in popular ranking system such as Google PageRank ,Yahoo Rank or Alexa
-Multi-Site Rank Checkers : check multi-site for comparation
-Header/Tag Tools : analyzing site header ,meta tag...
-IP Tools : Check ip ,ping domain...
-Miscellaneous Tools : Check web status ,convert units ...
-Source code Tools : validate CSS,Encrypt website ...
-Social Web Tools : Check links in social networks .

Here is the site : http://huehacker.info/

~~Enjoy it ^^~~

Wednesday, 17 March 2010

Expanding or Shrinking an area in website like Youtube

As an user Youtube is a great video sharing service .As a web developer ,Youtube like any web 2.0 service ,comes with many effects . One of them is changing the size of video are ,expanding or shrinking with a click .

when you click on "wide" button ,video area expand to a larger size ,sidebar goes down and content in video area stretch fully . When you click on 'normal' ,video area shrink to normal size and sidebar goes up .

Live Demo

In this post ,I want to introduce to you how we can make this trick . It's easy to do and won't take you a lot of time and effort .
This trick is related to a Jquery's API name ToggleClass ,which is a part of Jquery framework .ToggleClass can add or remove one or more classes from each element in the set of matched elements ,for example ,we get an element like this

if we apply this statement $('div.tumble').toggleClass('bounce') ,it mean : find all div elements which has class "tumble" and add one more class"bounce" to these div elements . And the result we get here

But if we apply $('div.tumble').toggleClass('bounce') again ,the div element above return to "tumble" class only ,"bounce" is removed . So the result after second time is <div class="tumble">Some text.</div>
Base on what ToggleClass can do ,to expand or shrink an element , we can make an element with initial size for example 600px width .When user click on wide button ,we use ToggleClass to add a class "wide" to this element . The "wide" class will re-define width to 900px . And when user click on Normal button , we will apply ToggleClass again for removing "wide" class .The width of element back to 600px .

So ,we got the idea .Here is an example .
In this example ,we create a web page with five elements like this :
<div id="header"></div>
<div id="main">
    <div id="content"></div>
    <div id="sidebar"></div>
    <div id="comments"></div>
</div>
<div id="footer"></div>
Now ,the CSS

#header, #content, #comments, #sidebar, #footer { margin:10px 0px; padding:30px;}
#header { width:900px; margin:0px auto;}
#main {width:960px; margin:0px auto; overflow:hidden;}
#content { width:540px; float:left;}
#comments { width:540px; float:left;}
#sidebar { width:280px; margin-left:20px; float:right;}
#footer { width:900px; margin:0px auto;}

#content.wide { width:900px;}
float attribute of sidebar element must be right for it can goes up and down .If you set this attribute to left ,it may ruin your design .

In the website ,create a link for switch between expanding and collapsing mode . A link like this :
<a id="wideView" href="#">Change View</a>
Elements are ready ,to make it work ,we need to add a script :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#wideView").click(function() {
                $("#content").toggleClass("wide");
                $(this).toggleClass("wide");
            });
        });
    </script>
In the script above :
The first line : <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
for loading Jquery Framework so we can use jquery statements .
The following code :
$(document).ready(function() mean we only run this script when page are loaded fully .
$("#wideView").click(function() mean this function is only executed when user click on element which has id "wideView"
$("#content").toggleClass("wide"); as I said on ToggleClass above ,this line will add a class 'wide' to element which has id="content" ,so re-define width of content from 540px to 900px
$("#content").toggleClass("wide"); execute this line when user click element "wideView" again .This statement will remove the class 'wide' from element which id="content" ,so size of content element back to 540px;

Ok ,you are done .
Save webpage and see the result .
This trick can apply in websites and of course ,it work with Blogger . In this post ,I want to explain how it work to you and I hope you can apply it creatively ,unlike other posts, just show you a code and copy paste instruction .This can be used in video website like what youtube did ,or further ,changing web layout ...

Monday, 15 March 2010

30+ free fonts from DeviantART

Image representing deviantART as depicted in C...

DeviantArt is a great community of designer . Many designers submit their product to this site .Most of them are free to use. So if you have free time to walk around this site ,you will find something that worth .
In this post ,I want to show a collection of free fonts in DeviantArt .

1-Bobel