15+ Useful PHP + jQuery Components for Every Project
Dec 18th
1. Directory Trees With PHP And jQuery
A easy way to keep track of many files is to use a directory tree. A directory tree lists out files and directories so that it’s easy to find what you’re looking for. In this tutorial, you will be taught how to make a directory tree using PHP and jQuery.
2. Create a Photo Admin Site Using PHP and jQuery
A sciences tutorial for creating a photo site using PHP, jQuery, and AJAX. You will be taught how to repossess images from a database, create a straightforward login form with substantiation, and then allow for the database to be asynchronously updated.
3. Asynchronous Comments with PHP, jQuery, and JSON
In this article, be taught how to create a uncomplicated but effectual means of capturing and displaying visitor explanation using a merge of jQuery, PHP and JSON. In the public forum that is the blogosphere, the aptitude to incarcerate and display visitor comments on your blogs can give you immediate feedback and opinions from the people that substance most – those that read your blog.
4. PHP ajax login form using Jquery
Create a new PHP ajax login functionality by Jquery. You can easily switch the data basis flanked by database and PHP array, login substantiation can be using username or email, or even both of ‘em by changing the config, automatic redirection could be done within the javascript config.
5. PHP + jQuery Todo List Part 1, part2
This is part 1 of a 2 part succession on making a To-do List with PHP and ornamental it with jQuery’s AJAX and handling capabilities.
6. Newsletter module
A PHP, jQuery and AJAX module, which should be great for any newsletter management needs. You just need to copy one file onto your site, and you’re prepared to send and archive all newsletters, supervise e-mail addresses and categories, and configure a template for your e-mails. Also have an aptitude of optional password protection. All options can be easily configured at the top of incorporated .php file.
7. From PHP to XML to jQuery and Ajax
This tutorial will focus on receiving data from a database by PHP, converting that to an XML document, and reading that XML in through jQuery via Ajax calls. Seems multifaceted, but is in fact, very easy.
8. How to Validate Forms in both sides using PHP and jQuery
We are going to learn how to validate your forms using PHP and jQuery in both sides: client side (using javascript with jQuery) and server side (using PHP). It will be interesting to see how to use regular expressions to validate different kind of e-mails, passwords and more.
9. Create a shoutbox using PHP and AJAX
We will learn how to create a dynamic ajax based shoutbox with jQuery from scratch. It will be very interesting to know how to use the ajax function of jQuery and how it can be used to insert and recover data from a MySQL database via PHP in a way asynchronous.
10. HOWTO: PHP and jQuery upload progress bar
With the controllable jQuery Progress Bar, writing a form upload advancement bar seems like a piece of cake now. Theoretically, all we need is to create the bar, poll for the progress of the file upload, drive the new progress bar value (in percentage) and set it using PHP.
11. Auto-Complete Field with jQuery, JSON & PHP
Using jQuery with PHP to create auto complete field, beside the auto-complete code we need the jQuery library along with its Dimensions plug-in.
12. A fancy Apple.com-style search suggestion
Learn how to recreate the effect from Apple website by creating a fancy apple.com-style search suggestion. This example makes use of several techniques: MySQL (for the database), HTML/CSS for styling, PHP for retrieving the data and jQuery for the AJAX request.
13. PHP & jQuery image upload and crop v1.2
Create a PHP and jQuery image upload and crop tool using PHP, jQuery, PHP GD Library andImage Area Select.
14. FlickrScrollr
FlickrScrollr is a combination of PHP and jQuery that parses a Flickr RSS feed and creates an animated thumbnail display.
15. Reddit-style Voting With PHP, MySQL And jQuery
If you are a regular at Reddit, you must have noticed the way people vote there. You can either vote up or vote down. This tutorial will show you how to create such a voting system with jQuery, PHP and MySQL.
16. SMTP Feedback Mail class with jQuery Slide Effect
This post is about feedback mail with nice slide effect using php SMTP class and jQuery. It’s very useful to add contact/feedback page to your php websites.
40+ excellent jquery tutorials
Dec 18th
Excellent jQuery Tutorials
01. jQuery for Absolute Beginners: The Complete Series
02. jQuery Tutorials for Designers
03. Facebox : Facebook-style lightbox
04. Creating a “Filterable” Portfolio with jQuery
05. Building a jQuery-Powered Tag-Cloud
06. jquery Hover Sub Tag Cloud
07. Exactly How to Create a Custom jQuery Accordion
08. Create a Cool Animated Navigation with CSS and jQuery
09. Learn How to Create a jQuery Plugin
10. Jquery Fade In.Fade Out
11. Fading Menu – Replacing Content
12. Fade-in Spoiler Revealer
13. Creating a Dynamic Poll with jQuery and PHP
14. Creating accessible charts using canvas and jQuery
15. Create a Photo Admin Site Using PHP and jQuery
16. Use jQuery with Google Analytics to Track Clicks on Outgoing Links From Your Site
17. How to Load In and Animate Content with jQuery
18. Create an Amazon Books Widget with jQuery and XML
19. Adding to Our Leopard Desktop with jQuery
20. Leopard Desktop with jQuery using jqDock
21. How To Create An Amazing jQuery Style Switcher
22. Style Sheet Switcheroo
23. Build An Incredible Login Form With jQuery
24. Adding Form Validation to WordPress Comments using jQuery
25. Evening Tip: Use jQuery To Retrieve Data From An XML File
26. Improved Current Field Highlighting in Forms
27. Create an apple style menu and improve it via jQuery
28. LavaLamp for jQuery lovers!
29. Create A Tabbed Interface Using jQuery
30. Tabbed Content using jQuery and WP_Query
31. Create a Slick Tabbed Content Area using CSS & jQuery
32. jQuery Tabs
33. How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery
34. Slide out and drawer effect
35. Creating a Floating HTML Menu Using jQuery and CSS
36. Building a Better Blogroll: Dynamic Fun with SimplePie and jQuery
37. Wordpress Sidebar Turned Apple-Flashy Using jQuery UI
38. Build a Basic Newspaper style layout with Wordpress and jQuery
39. jQuery image slider
40. Slider Gallery
41. Photo Slider Tutorial
42. Multiple File Upload Magic With Unobtrusive Javascript
43. Easy Multi Select Transfer with jQuery
44. Rounded Corners With Javascript (jQuery)
45. Multiple Fancy Drop Caps
More Powerful & Flexible Facebook-like TextboxList
Dec 17th
We have mentioned TextboxList a while ago, which is something similar to Facebook List Input. Now New TextboxList has been rewritten from scratch, and it’s more powerful and flexible than ever.
It is compatible with MooTools 1.2.x. It does not depend on a specific data source (XHR, Json). Instead, the developer supplies the data which can come from anywhere. New TextboxList is now using Binary search for maximum performance. It supports new options, such as addOnEnter, which adds boxes upon pressing enter (useful for tags or categories widgets).
Requirements: Mootools 1.2.x
Demo: http://devthought.com/projects/mootools/textboxlist/
License: License Free
iPhone Style Checkboxes in jQuery
Dec 17th
Ever wanted those flash iPhone on/off toggle switches on your webpage? Love jQuery? Well then Thomas Reynolds has got something special for you. iPhone Style Checkboxes implements the iPhone toggles as replacements for standard HTML checkboxes.
Simply run the script and your site will be updated with these specialized controls. Best of all, the underlying checkbox is not touched and backend system will never know the difference. The change is purely visual.
Requirements: jQuery Framework
Demo: http://awardwinningfjords.com/2009/06/16/iphone-style-checkboxes.html
License: License Free
Simple jQuery Modal Window Tutorial
Dec 16th
Simple jQuery Modal Window Tutorial
This modal window tutorial uses a rel attribute to indicate whether a link opens a modal window using inline content. You’ll witness a few popular jQuery methods in action like the .click() and .css() methods.
How to create a stunning and smooth popup using jQuery
Dec 16th
How to create a stunning and smooth popup using jQuery
In this jQuery tutorial, you’ll discover a technique for creating a slick modal window that appears when the user clicks on the triggering element (in this case, form submit input, but you can easily modify it into other HTML elements like <a>). The tutorial will also show you how you can deal with keypress events so that you can incorporate keyboard shortcuts into your interface.
Creating a polaroid photo viewer with CSS3 and jQuery
Dec 16th
Creating a polaroid photo viewer with CSS3 and jQuery
Placing pictures on simple polaroids on a webpage simply didn’t do it for me. I wanted to drag them around, rotate them and still have a fun time. That’s were CSS and jQuery come in play. By combining the CSS3 Box Shadow and Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, you’ll see the shadow. When it’s placed down, it’s rotated to the left or the right (random).
