List of Ajax, PHP and CSS Tutorials

Here are some noteworthy tutorials from Sanwebe.com, which I am sure will help contribute to your Web development projects. Most tutorials are pretty basic, and some are intermediate level, but not that mind boggling. Depending on your cognitive abilities you should be able to grasp them very easily. I’ll be updating this list often so do comeback time to time.

Voting System Youtube Style With jQuery & PHP

Voting system can be important part of any website, especially if you want to keep track of user ratings. Let’s create a cookie based voting system, similar to YouTube like & dislike buttons (Thumbs up & Thumbs down), which can be applied to any content.

Creating Multi Level Dropdown Menu CSS & jQuery

We will be creating 3 level sub menus in pure CSS, it should work without any JavaScript, but we will add jQuery for that sliding effect.

Creating Shout-Box Facebook Style

Facebook has this nice little chat box that doesn’t take up much space, and people can instantly interact with their friends, it is a cool feature to have in any website. Let’s get inspired and create an Shout Box which will look similar to Facebook chat box.

Sign-in with Micorsoft Live Connect PHP

Learn to create Microsoft Live Connect system for your website using Microsoft REST API, and access user info programmatically to register/login users.

Username live check using Ajax PHP

Let’s create a live username checking with jQuery Ajax, because standard registration is a huge turn-off for visitors, because they not only have to reload the entire page again and again, but fields like password etc also need to be re-entered every-time

Add/Remove Input Fields Dynamically with jQuery

If you are looking to add and remove duplicate input fields, here’s jQuery example below to do the task for you. This jQuery snippet adds duplicate input fields dynamically and stops when it reaches maximum.

Creating Facebook ID Card with PHP Facebook SDK

Let’s focus on creating some authentic looking “Facebook ID” for the users using PHP and PHP Facebook SDK. With examples and sample code.

Simple Ajax Pagination with jQuery & PHP

Learn how to create simple Ajax based pagination for your MySql database records.

Loading More Results From Database Using jQuery Ajax

Using jQuery Ajax let users load data dynamically on a button click. No need to reload page.

Auto Load More Data On Page Scroll (jQuery/PHP)

The technique can be seen in Twitter, Facebook and several other websites. Let’s create Ajax based auto loading script, which loads records when user scrolls to bottom of the page.

Count Characters Remaining with jQuery

Limit the number of characters user can enter in the text box, display remaining characters count as user type.

Restrict multiple URLs in Input with jQuery

Sometimes we may want to restrict user from entering more than one URL or prevent entering same words in text input box, with jQuery it is very simple and this snippet below can come in handy in one of those situations.

PayPal Express Checkout with PHP

Do you want to sell products online but don’t want to pay unnecessary setup fee for the payment gateway? Well you can sell products and receive money from people around the world just using free Paypal payment gateway. In this tutorial you will learn to use PHP based Paypal Express checkout to sell your products.

Ajax Facebook Connect with jQuery & PHP

In this tutorial you will learn to connect to Facebook and let users register/login on your site easily with their Facebook name and email. All these happens without even refreshing the page.
Ajax Facebook Connect

Ajax Next / Previous Picture (jQuery / PHP)

If you are looking for a simple script to navigate next / previous image without refreshing page, this example will do exactly that using jQuery Ajax and PHP.

Ajax Add & Delete MySQL records using jQuery & PHP

In this basic tutorial you will learn how to use jQuery Ajax to send POST data to a PHP file and respond back with results or errors. Without having to reload the page, this Ajax technique is a very neat way to add or delete database records.

Ajax Image Upload and Re-size with jQuery and PHP

All great image gallery requires an image uploader, in this tutorial learn to create a jQuery Ajax and PHP based image uploader for your website, once the image is uploaded, script automatically creates a thumbnail and re-size the image to specified height and width.

Ajax and PHP based Contact Form

In this tutorial you’ll create simple jQuery Ajax and PHP based contact form for your website. Your visitors no longer have to reload the whole page in order to contact you. Tutorial also contains sample files which you can easily integrate with your website.

Post to Facebook Page Wall

Learn how to post pictures, status message create poll question etc. to Facebook page wall (Not User Wall) using Facebook PHP API.
Post To Facebook Wall

Creating Simple Shopping Cart with PHP

Creating simple PHP session based shopping cart for the website.

Simple Chat Using WebSocket and PHP Socket

WebSocket is a feature of HTML5 for establishing a socket connections between a web browser and a server. Let’s create a simple chat system using this cool technology (HTML5 WebSocket and PHP).

  1. thanks a lot
    this is the best site i found so far to learn quick stuff.
    keep it up

     Reply
  2. wow what a crazy and best tutorials all of our i am really very thank full to you admin that you can share this post

     Reply
  3. Thanks for the tutorials , i appreciate and keep up the good work, just wanted to ask the Microsoft connect tutorial is showing a 404. is it a linking error or the code is deprecated, was really interested in that tutorial, thanks

     Reply
  4. Thanks for the article. Its really useful.

     Reply
  5. I can learn PHP easier with this site. Thank you.

     Reply
  6. Thank You Bro Thanks a lot……!!

     Reply
  7. I Love this site. The tutorials are helpful in my programming learning process

     Reply
  8. Thank for artivcles….

     Reply
  9. this is very helpful for beginners and experts, i like it, love it and learn it thanks

     Reply
  10. Thank Bro! You are doing fantastic work please sharing and helping……..god bless you

     Reply
  11. you r very very nice…..you just helped me a looooot…..thank you boss.

     Reply
  12. wow what a crazy and best tutorials all of our i am really very thank full to you admin that you can share this post

     Reply
  13. I love your site very much. I love…………………………………..too………. much

     Reply
  14. Very Good Website thanks

     Reply
  15. Hi,
    first thanks for this great code and tutorial. Everything is working like a charm, except the error message. On local the message “already voted” appear but not online. Is there a way to change it in an alert box. i tried to remove the http 500 error line and add an alert box instead, but the script doesn’t works like it would. Thanks for the answer.

     Reply
  16. Love you
    Love Ajax Image Upload and Re-size with jQuery and PHP

     Reply
  17. Great tutorials i have ever seen. keep up bro

     Reply
  18. Thanks!! All are amazing!!!

     Reply
  19. hi.. your tutorials are very much helpful for me especially online shoping cart…..i need online seat reservation system tutorial and it is very urgent for me….please post it……..

     Reply
  20. Thanks, really good job.

     Reply
  21. WoW!. IM so wonder about these tutorials…i never seen….Thank you So much for your Sharing….
    (I think you have 100% knowledge in FB CODE)

     Reply
  22. this is great page for webmaster thanks you

     Reply
  23. thank you so much for tutorial

     Reply
  24. Hi Friends,
    Very nice Tutorial for freshers
    Thanks a lot..

     Reply
  25. Dear admin I want to download project code in your side, pls tell me how to input email.
    thanks & regard
    thanchay

     Reply
  26. Hi sir saran! You are such a great and awesome professor! Anyway sir please give me some tips on your knowledge in web development and design. I’m graduating this school year and I want to have a sure work after graduation. God bless and thank you so much!

     Reply
  27. Hello,
    I found this site really helpful I just started learning PHP few days ago, what I only know is HTML & CSS (Intermediate) Any advice regarding with my journey in learning PHP?
    I downloaded few items from the site (Shopping cart) so I can make it as a reference with my study, since self-teaching is really hassle compared with formal education in Web Development.

    Thank you and looking forward for more.

    Best regards,
    Najie

     Reply
  28. I want to Ajax Subscript code .

     Reply
  29. You have save me a-lot of energy and starting from scratch.
    thanks alot.

     Reply
  30. Great Tutorials! Thank you very much for all your great jobs!

     Reply
  31. Nice tutorials for the php developers , very inspiring

     Reply
  32. This is really interesting, You’re a very skilled
    blogger. I’ve joined your feed and look forward to seeking more of your wonderful post.
    Also, I have shared your web site in my social networks!

     Reply
  33. Hello Saran Chamling,
    Really good job.
    I never thought

    I kindly requesting you to the chat system with two members, can upload it

    its really great full to me

    Thank you
    Regards
    Niranjan

     Reply
  34. Very Nice..

     Reply
  35. Very Good Website…. All the very best….

     Reply
  36. Really wonderful collection. Thanks for sharing!

     Reply
  37. Good Tutorial Collection….
    Post Object Oriented Programming Tutorial

     Reply
  38. Great job… keep it up, am learning a lot!!!!! :-D :-D (y)

     Reply
  39. Awesome collation info and tutorials. Really Great:)

     Reply
  40. Bosss ,what a site man !!!!!
    this site more help to create my own web site

     Reply
  41. I really like it, I have done a similar thing over at http://www.brandonturpin.com, let me know what you think about it!

     Reply
  42. Amazing…amazing….Thanks for sharing this.This is like a package of important tutorial.This is very much helpful for web designer.Keep posting.

     Reply
  43. Great collection !
    I really like the way you build your tutorials and love their reusability.
    Keep up the good work !

     Reply
  44. this is my bible

     Reply
Message Type : Question Comment ?
  • Question : Can include code, jsFiddle, codePen etc using Markdown Syntax.
  • Comment : Short comments and questions.