Posts by FarrisFahad

Imagine you have a brand new site, with no visitors. It's hard to get ranked in the search engines because you have 0 links. And without link your website will not rank, therefor have no visitors. And in order to build organic links you need visitors.

So here is what you first do. You build links to your site. And after a while you will rank for the keyword you are targeting. Then you will have visitors. Those visitors will convert as an organic links. Of course not all visitors will link to your site, but let's say some of them will.

This means the more traffic you have the easier you'll rank. But wait ...

If this theory is true, how can a brand new website over rank an established one? Since the established one is ranked on 1st place and gets a lot of visitors, how can the brand new site beat the established one? Can some one explain, or confirm theory?

Today I am going to share some websites that you can get backlinks from, and I hope that you do the same ...

Here are some websites to get a good backlink profile when you first start your SEO campaign:

1. Youtube: https://www.youtube.com/
2. Vimeo: https://vimeo.com/home
3. Metacafe: http://www.metacafe.com/
4. Slideshare: http://www.slideshare.net/
5. Hubpages: http://hubpages.com/
6. Diply: http://diply.com/
7. Buzzfeed: https://www.buzzfeed.com/
8. Quora: https://www.quora.com/
9. Reddit: https://www.reddit.com/

Try to post useful content on these websites, not just content for a link. If you build great content people will start to click on the links thus, traffic.

And here is my strategy to find link oppurtunities:
Go to Alexa or any backlink service and check the backlinks of your competition and try to build links from the same websites.

What is your strategy for link building? Do you have any other websites that you like to get backlinks from?

Please share. Thanks,
Farris

I know that SEO is continuous, but after a couple of years of SEO, let's say 5 years of link building. Do I need to continue doing SEO, or will the traffic that I got the past years will do SEO for me?

I know that I should practice, but what should I focus on? And regarding team building, I want to work by myself. I like creating websites from scratch.

I am a web developer and I have built many websites. And over the years my designs is getting better but now I can't seem to figure out how to be better in design. I don't know how to draw but I have a somewhat good selection in color combination for a website.

My question is ... How do I get better in design?
It seems like I have the following options:

• Look for great websites on the web and see what they are doing.
• Try to copy great looking websites.
• Play around with some designs and try to figure out how to do it better.

If you have any advice please tell me.

Thanks,
Farris

To those who are curios about this strategy. I have tested this strategy in the past year or so and I found out that it didn't work. At least for my website. I have a funny pictures website. So I bought traffic from AdWords for the keyword: funny pictures. This keyword have a high volume at about 1 million searches a month.

In terms of SEO, it didn't help. I bought ads for $250.00 USD for about 4 months. And I didn't see a single backlink to my website that I haven't built. People where browsing the website and registering, but they were not linking to me.

As @danielmav said. This could only work for products that have something very interesting about it. Then the website could be linked to and might have a bit of word of mouth. But it won't work if you have an average website. It only works on amazing websites.

I have solved the problem. It was the payment_date that was causing the problem. It was set to: Sun May 22 2016 10:15:18 GMT+0300 (Arab Standard Time). After I changed it to: Sun May 22 2016 10:15:18 GMT It worked perfectly.

But I have another question: How can I make it work with and without payment_date?

Hi hericles, Thank you. How can I match the two strings. The one from my side and the one from PayPal side? I want to see if they exactly match, or see what is the problem.

I am having problems installing PayPal IPN. It returns INVALID every time I process it. Is there something wrong with my code
Code:

<?php

    $db_host = 'localhost'; 
    $db_user = ''; 
    $db_password = ''; 
    $db_database = ''; 

    // Connect and select database
    $connect = mysql_connect($db_host, $db_user, $db_password);
    $select_db = mysql_select_db($db_database);

    // require_once('../includes/main.php');
    // Notify command
    $request = "cmd=_notify-validate";
    // Prepare the URL to send via cURL
    foreach ($_POST as $key => $value){
        if(function_exists('get_magic_quotes_gpc') && get_magic_quotes_gpc()){  
            $value = urlencode(stripslashes($value)); 
        }else{ 
            $value = urlencode($value); 
        } 
        $request .= "&$key=$value"; 
    } 
    // Initial cURL
    $ch = curl_init();
    // Set opt
    curl_setopt($ch,CURLOPT_URL,"https://www.sandbox.paypal.com/cgi-bin/webscr");
    //curl_setopt($ch,CURLOPT_URL,"https://www.paypal.com");
    curl_setopt($ch,CURLOPT_POST,true);
    curl_setopt($ch,CURLOPT_POSTFIELDS,$request);
    curl_setopt($ch,CURLOPT_FOLLOWLOCATION,false);
    curl_setopt($ch,CURLOPT_RETURNTRANSFER,true);
    // Return result
    $result = curl_exec($ch);
    // Close cURL connection
    curl_close($ch);
    // If condition
    if($result == 'VERIFIED'){
        mysql_query("INSERT INTO paypal_ipn (verification) VALUES ('{$result}')");
    }else{
        mysql_query("INSERT INTO paypal_ipn (verification) VALUES ('{$result}')");
    }
?> 

Why don't you try Lynda.com. Watch full PHP course. You can learn there everything about PHP.
Here is the course link: http://www.lynda.com/MySQL-tutorials/PHP-MySQL-Essential-Training/119003-2.html?srchtrk=index%3a1%0alinktypeid%3a2%0aq%3aphp%0apage%3a1%0as%3arelevance%0asa%3atrue%0aproducttypeid%3a2
It's free.

Can you please provide us with some code. Some of the HTML code if possible so we can help.

I have solved the problem. If you want to see the solution visit: http://stackoverflow.com/questions/37106606/how-do-i-get-jquery-waypoint-plugin-to-count-newly-added-content?noredirect=1#comment61998529_37106606

I don't understand. Why use done and where should I add it?

There is refreshAll() which refresh the page and add new content to the waypoint plugin. But I don't know how to use it. Do you have any ideas? Here is the plugin guide: http://imakewebthings.com/waypoints/api/refresh-all/

It works with content that is already on the page but when ever I load new content it doesn't work on the new content.

So I am using jQuery waypoint to get the image id that is viewed on the screen. But I am having problem with content added by AJAX. When I get to the newly added content by AJAX the plugin doesn't work. Here is my code so far:

Waypoint = $('.Picture-1A').waypoint(function(direction){
    if(direction == 'down'){
        id = $(this.element).children(".PictureID").text();
        $.post('ajax/count-pictures-views.php', {picture_id: id}, function(data){
            Waypoint.refreshAll();
        });
    }
});

I have also tried this instead of Waypoint which did not work. What can I do to make this work?

Thank you cereal, It worked!!

So I want to remove space between tags. The tags are seperated by comma. But I don't want to remove space between words just right after the commas.
So this:
cats, funny cats, cute cats, funny
To this:
cats,funny cats,cute cats,funny

I want them ready for insertion into database.
This is what I have come up with:

<?php

    $tags = 'cats, funny, hair cut, funny hair cut';
    $result = str_replace(', ', ',', $tags);
    echo $tags . '<br />';
    echo $result;

?>

But there might be a problem when the user enters more than one space after the comma. How can I replace it even if the user enters more than one space after a comma. Do I use regular expression? How can I use it?

I have found great plugin that works perfectly it's called, waypoint. You can search for it using Google
Here is a link to the plugin: http://imakewebthings.com/waypoints/
Just follow the guide on the website, easy and simple.
If you are having problems search through Stackoverflow using keyword: jquery waypoint

I have a pictures website and I want to be able to add impressions to the database when a visitor scroll down the images. Each image viewed equal to 1 impression. This feature can be found in Facebook post impressions.

This is what I have come up with so far:

$(window).scroll(function(){
        index = $(".Picture-1A:eq(3)").offset().top;
        elementHeight = $(".Picture-1A").height();
        if(($(document).scrollTop() >= index) && ($(document).scrollTop() <= index + elementHeight)){
            // Do something here
        }
    });

Of course I will be using jQuery and Ajax.
The example above is my first attempt. I don't know how I can do it for each image. I know how to do it for one image using the :eq(index)
But I want it to update the database for each image viewed.

I read through the doc. It didn't help because all they do is the basic stuff. What do you think the best way to learn?

I have searched Google and Youtube for Facebook log in toturials but couldn't find something useful. Do you know any good articles or website or even a Youtube toturial that covers the facebook log in system? How did you learn it?

Hi gentlemedia,

I don't understand. Does $(window).load() also triggers when the window stop loading.
How does it work?

I have this event handler for when the page is loading. It shows a preloader GIF image when the window start loading.

$(window).load(function(){
        $("#Preloader").css('display','block');
    });

But I don't know how to detect if the window stops loading so I can remove the preloader.
How to detect if the window stops loading?

I have found the solution. The problem was that the .scroll method loop through $(window).height() part more than once. So all I had to do it this ...

<script>
$(document).ready(function(){

    $.ajaxSetup({ cache: false });

    endPictures = true;

    scrollCount = 0;

    $(window).scroll(function(){

        if(endPictures == true){

        if(scrollCount == 0){

            if($(window).scrollTop() == $(document).height() - $(window).height()){

            scrollCount = 1;

            picturesCount = $(".Picture-1A").length;

                $.post('ajax/load-latest.php', {off_set:picturesCount},  function(data){
                    if(data){
                        $("#loadMore").append(data);
                        scrollCount = 0;
                    }else{
                        $("#loadMore").append("<div class=\"NoMorePictures\"><center>There are no pictures left.</center></div><br/ >")
                        endPictures = false;
                        scrollCount = 0;
                    }
                });

            }

        }

        }
    });

});
</script>

Does anyone have an answer to the second question?

It worked thanks a lot for the help ...
For people who want to take a look at the code after fixes, here you go ...

$.ajaxSetup({ cache: false });

    endPictures = true;

    $(window).scroll(function(){



        if(endPictures == true){

        if($(window).scrollTop() == $(document).height() - $(window).height()){

        picturesCount = $(".Picture-1A").length;
        allPicturesCount = $("#allPicturesCount").text();

        alert('picturesloaded:' + picturesCount + ' PicturesDB: ' + allPicturesCount)

            $.post('ajax/load-latest-pictures.php', {pictures_loaded:picturesCount},  function(data){

                if(data){
                    $("#loadMore").append(data);
                }else{
                    $("#loadMore").append("<center>There are no pictures.</center>");
                    endPictures = false;
                }
            });
        }

        }
    });

I am trying to build a scrolling system for my website. This is what I have com up with ...

$.ajaxSetup({ cache: false });

    $(window).scroll(function(){

        if($(window).scrollTop() == $(document).height() - $(window).height()){

        picturesCount = $(".Picture-1A").length;
        allPicturesCount = $("#allPicturesCount").text();

        alert('picturesloaded:' + picturesCount + ' PicturesDB: ' + allPicturesCount)

        if(picturesCount < allPicturesCount){

            $.post('ajax/load-latest-pictures.php', {pictures_loaded:picturesCount},  function(data){

                if(data){
                    $("#loadMore").append(data);
                }

            });

        }else{
            $("#loadMore").append("<center>There are no pictures.</center>");
            return;
        }

        }
    });

I am having problem when all the pictures have been appended and there is nothing left. The problem is every time I get to the bottom of the page 'There are no pictures.' get appended more than once. How can I append it once? Try it on your browser and tell me what you think.

The second question is that I am having problems with IE, all versions. Evertime I get to the bottom and I have pictures left it loads it more than once. I searched for an answer and all I got was that IE have problems with cache. So I added the $.ajaxSetup cache option to false. But the problem still exist.

For anybody who is still struggling ...
Here is what I have understood:

1. The request type which is equal to Notify Validate, which means we want to validate that the notifaction came from PayPal.

   // Notify command
   $request = "cmd=_notify-validate";

2. Prepare the URL to send back to PayPal to get a validation of the notification.

   foreach ($_POST as $key => $value){
   if(function_exists('get_magic_quotes_gpc') && get_magic_quotes_gpc()){
   $value = urlencode(stripslashes($value));
   }else{
   $value = urlencode($value);
   }
   $request .= "&$key=$value";
   }

3. Send the URL through cURL to connect to PayPal and get a response for either "VERIFIED" or "INVALID"

   // Initial cURL
   $ch = curl_init();
   // Set opt
   curl_setopt($ch,CURLOPT_URL,"https://www.sandbox.paypal.com/cgi-bin/webscr");
   //curl_setopt($ch,CURLOPT_URL,"https://www.paypal.com");
   curl_setopt($ch,CURLOPT_POST,true);
   curl_setopt($ch,CURLOPT_POSTFIELDS,$request);
   curl_setopt($ch,CURLOPT_FOLLOWLOCATION,false);
   curl_setopt($ch,CURLOPT_RETURNTRANSFER,true);
   // Return result
   $result = curl_exec($ch);
   // Close cURL connection
   curl_close($ch);

4. If the response was Verified now you know that the notifaction was from PayPal and you can start processing.
   ** Note: All the POST variables are available just write $_POST['payment_status'] and you will get the value
   I didn't know that until now.

I ran through the same problem when I was starting out. You need to understand this ...
If you want to add a number to the MySQL string just add the curly brackets around your variable
For example:

$sql = "SELECT * FROM servers WHERE server_id = {$integer}";

But in the above example the sql string have to be wrapped around double quotes, single quotes wont work
The example won't work:

$sql = 'SELECT * FROM servers WHERE server_id = $integer';

If you are passing a string rather than a number just add single quotes around the variable with curly brackets
For example:

$sql = "SELECT * FROM servers WHERE server_id = '{$string}'";

Thanks a lot cereal.

Hello, I am trying to understand PayPal IPN proccess. I have built this simple script to test with the IPN simulator in the developer section of PayPal. I have tried different type of transaction status but it keeps returning VERIFIED. Can someone please explain to me how does this work? Thanks, Farris

<?php

    require_once('../includes/main.php');

    // Notify command
    $request = "cmd=_notify-validate";

    // Prepare the URL to send via cURL
    foreach ($_POST as $key => $value){

        if(function_exists('get_magic_quotes_gpc') && get_magic_quotes_gpc()){  
            $value = urlencode(stripslashes($value)); 
        }else{ 
            $value = urlencode($value); 
        } 

        $request .= "&$key=$value"; 
    } 

    // Initial cURL
    $ch = curl_init();

    // Set opt
    curl_setopt($ch,CURLOPT_URL,"https://www.sandbox.paypal.com/cgi-bin/webscr");
    //curl_setopt($ch,CURLOPT_URL,"https://www.paypal.com");
    curl_setopt($ch,CURLOPT_POST,true);
    curl_setopt($ch,CURLOPT_POSTFIELDS,$request);
    curl_setopt($ch,CURLOPT_FOLLOWLOCATION,false);
    curl_setopt($ch,CURLOPT_RETURNTRANSFER,true);

    // Return result
    $result = curl_exec($ch);

    // Close cURL connection
    curl_close($ch);

    // If condition
    if($result == 'VERIFIED'){
        update_record('users', "ad_space = '{$result}'", ' WHERE user_id = 1');
    }else{
        update_record('users', "ad_space = '{$result}'" , ' WHERE user_id = 1');
    }

?> 

Thanks, but I have one more question ...
Can I let my users receive money buy replacing business email with their email?
If not how can I do that?

I want to integrate PayPal IPN and payment getaway on my website. I want my website users to be able to sell ad space through my website using PayPal. I want the payment to be from my user (Advertiser) to my user (Publisher). Here is what I have done so far ... 1. I created a sandbox account to test payments. 2. I have created the PayPal button on my website with a custom variable. All I have left is the IPN part. I searched through this forum and the PayPal developer doc but it wasn't clear. All I want is to build the IPN page. I don't understand the PHP concept of CURL. I have read the PHP doc and it doesn't explain it well. I also have searched through YouTube for toturials but didn't find anything usful. Can some one please show me how can I build the IPN page and how to update the database when a transaction is successful. Thanks a million, Farris

Sorry, I just realized that this is a stupid question. I have solved the problem

Don't worry about the Javascript part. I just want to perfect the CSS3 part.

I am trying to learn how to do cool CSS3 menues. I have a good understanding of CSS, but I can't seem to fix this problem.

Here is my code so far:

/* Menu 2 */
ul{
    list-style:none;
    width:150px;
    height:auto;
    background-color:#FFF;
    padding:0px;
}

ul li{
    padding:15px;
    list-style:none;
    color:#333;
    background-color:#09C;
}

ul li ul{
    width:135px;
    height:auto;
    display:block;
    padding:0px;
    background-color:#FFF;
}

ul li ul li{
    background-color:#FFF;
    list-style:none;
    padding:0p;
    margin:0px;
}

And here is my HTML:

<!-- Navigation -->
<div class="Container-1A">
    <ul>
        <li>Animals
            <ul>
                <li>Bears</li>
                <li>Cats</li>
                <li>Dogs</li>
                <li>Bats</li>
            </ul>
        </li>
        <li>People
            <ul>
                <li>Fat</li>
                <li>Ugly</li>
                <li>Beautiful</li>
                <li>Sexy</li>
            </ul>
        </li>
        <li>Wallmart
            <ul>
                <li>People</li>
                <li>Celebrities</li>
            </ul>
        </li>
        <li>Abstract</li>
        <li>Techno</li>
        <li>Rap</li>
    </ul>
</div>

Here is the page to the result of the above: http://www.farrislab.net/testing/
Here is what I want to accomplish: http://www.farrislab.net/testing/index-2.html

There must be a way. How does Google does it with AdSense? Can someone change their IP address repeatedly in a short time, say less than a minute or five?

I am looking to develop my skills as a web developer. I want to find new challenges that can help me do that. Do you know any resources that can help?

Hello everyone, I want to build an advertising system like AdSense on my website. I want to count only clicks that are not from the same user.
Because I don't want the user to click many times on the same ad and ruining the ad program.

I was thinking of storing a SESSION or a COOKIE in the user computer when he clicks on the ad so the next click won't add up.
I also was thinking of saving the IP address of the user. But both methods can be manipulated by deleting the COOKIE or by changing the IP address.

So what can I do to make sure that the user haven't clicked on the same ad twice or more?

To upload a file to a certain directory use the move_uploaded_file() function.
Look it up in php.net

And to insert a new database record use INSERT INTO database_name (table colums sepereted by comma) VALUES (Values posted via form)

I think that all you need to do is order you script tags.
like wise:

<script src='1.jsp'></script>
<script src='2.jsp'></script>

that way your function and argumants work on the second jsp file.

Well first you need to create a form. Then assaign the php page to the action value.

Your question is not clear. I can help but you need to add more details. Like if you know how to create a form and catch the values using php. Are you a beginner or you are having a problem?

Hi there, I thank you for your help. I didn't mean the above quotation in a bad way. I just wanted you to check the page because it will be easier for you and me :)

It works perfectly. Really thank you very much
By the way how come you are the only one here to answer?
I love Dani Web but it seems like they don't have a lot of members who contribute

I have created this page specifically for this problem. I think it is better to check the page.
But I will post the code if you want to ...

CSS:

/* CSS Document */

body{
    margin:0px;
    background-color:#333;
    color:#FFF;
}

#Header{
    width:330px;
    height:30px;
    padding:10px;
    color:#FFF;
    margin:0px 20px;
    margin-top:20px;
    font-size:28px;
    background-color:#222;
}

#Body{
    width:330px;
    height:auto;
    overflow:auto;
    padding:10px;
    background-color:#FFF;
    color:#333;
    margin:0px 20px;
}

input.switch:empty{
    margin-left:30px;
}

input.switch:empty ~ label{
    position:relative;
    float:left;
    line-height:25px;
    text-indent:70px;
    margin:0px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input.switch:empty ~ label:before, input.switch:empty ~ label:after{
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '\2716';
    width: 60px;
    text-indent: 40px;
    color: #900;
    background-color: #c33;
    border-radius: 5px;
}

input.switch:empty ~ label:after{
    content: ' ';
    width: 20px;
    top: 1px;
    bottom: 1px;
    text-align: center;
    text-indent: 0;
    margin-left: 1px;
    color: #f88;
    background-color: #fff;
    border-radius: 5px;
    -webkit-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}

input.switch:checked ~ label:before{
    content: '\2714';
    text-indent: 5px;
    color: #6f6;
    background-color: #393;
}

input.switch:checked ~ label:after{
    margin-left: 39px;
    color: #6c6;
}

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="main.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div id="Header">Checkbox and Radio Button</div>
<div id="Body">
    <h3>Checkbox:</h3>
    <form name="test" method="POST">
        <input type="checkbox" name="checkbox1" id="checkbox1" class="switch" />
        <label for="checkbox1">First Checkbox</label><br /><br />
        <input type="checkbox" name="checkbox2" id="checkbox2" class="switch" checked="checked" />
        <label for="checkbox1">First</label><br /><br />
        <input type="checkbox" name="checkbox3" id="checkbox3" class="switch" />
        <label for="checkbox1">First Checkbox</label><br /><br />
    <h3>Radio:</h3>
        <input type="radio" name="radio_1" id="radio_1" class="switch" />
        <label for="radio_1">First Checkbox</label><br …

Hello, I have created a small CSS checkbox and radio buttons. But the problem is that when I check only one, all of them check with that one. So I can't check a single box. Can you check the code a tell me what is wrong.

here is the page where I am testing: http://www.farrislab.net/checkbox/

Thank you,
Farris

Hello all, I created this image slider and I need some tweeking with the code to make it work perfectly. I can't seem to know what is the problem ...
Here is the code:
jQuery:

$(document).ready(function(e) {

    images = ['picture-1.jpg', 'picture-2.jpg', 'picture-3.jpg', 'picture-4.jpg'];
    index = 0;

    function rotate_image(){
        $('#Images').css('background-image', 'url(images/' + images[index] +')');
        $('.Current-Picture').eq(index).css('background-color', '#FFF');
        $('.Current-Picture').eq(index-1).css('background-color', 'rgba(0,0,0,0.5)');
        index++;
        if(index == images.length){
            index = 0;
        }
    }

    $('#al').click(function(){
        $('#Images').css('background-image', 'url(images/' + images[index] +')');
        $('.Current-Picture').eq(index).css('background-color', '#FFF');
        $('.Current-Picture').eq(index+1).css('background-color', 'rgba(0,0,0,0.5)');
        index--;
        if(index == 0){
            index = images.length - 1;
        }
    });

    $('#ar').click(function(){
        $('#Images').css('background-image', 'url(images/' + images[index] +')');
        $('.Current-Picture').eq(index).css('background-color', '#FFF');
        $('.Current-Picture').eq(index-1).css('background-color', 'rgba(0,0,0,0.5)');
        index++;
        if(index == images.length){
            index = 0;
        }
    });

    rotateImage = setInterval(rotate_image, 3000);

    $('#Images').mouseover(function(){
        clearInterval(rotateImage);
    });

    $('#Images').mouseleave(function(){
        rotateImage = setInterval(rotate_image, 3000);
    });

});

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="main.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Image Rotating Experement</title>
</head>

<body>
<br />
<div id="Images" style="background-image:url(images/picture-1.jpg);">
    <div id="Images-Upper">
        <div id="Arrow-left"><img id="al" src="images/arrow-left.png" width="50" height="100" /></div>
        <div id="Arrow-right"><img id="ar" src="images/arrow-right.png" width="50" height="100" /></div>
    </div>
    <div id="Images-Lower">
        <div id="Current-Picture">
            <div class="Current-Picture"></div>
            <div class="Current-Picture"></div>
            <div class="Current-Picture"></div>
            <div class="Current-Picture"></div>
        </div>
    </div>
</div>
<script src="../jquery-1.11.1.min.js"></script>
<script src="main.js"></script>
</body>
</html>

You can find the end project at: http://www.farrislab.net/jquery-slider
Inspect the code and tell me what you think ...

Let me explain the problem:
How the code should work: I want the image wrapper to move from one image to the other every three seconds. And if …

Hi, I want to advance my experience in web development. I know the basics of PHP, jQuery, CSS, HTML, and MySQL. I have no problems with CSS, HTML, and MySQL. I am very good at them because they are simple. But I am having trouble how to understand how can I progress in PHP and jQuery. I feel like I am limited to building stuff with them. I know that practicing can improve my knowledge but what should I practice on. What should I build to gain more knowledge.

I hope that the question is clear,
Farris

For anyone looking for the same answer, I have found an API from PayPal called Adaptive Payment that enables me to make my users send payments to other users on my site.

Check out this great tutorial for this API ...
Youtube tutorial

I would like to exapnd on that question ...
What can I build with a framework and what can I build with a CMS?

I usually build sites from scratch using php and other languages. Is there a big difference when using frameworks, and does it make the site slower.

When I first started learning javascript I didn't like jQuery, but when I first coded with it I got hooked, I won't start a project without it.

Is jQuery considered a framework?