Webspeaks

Sunday, May 30, 2010

CSS: Sexy Vertical Popup Menu with CSS

CSS plays a major role in lives of all web developers. But very few of them reveal the real power of CSS. This tutorial helps you identifying the real power of CSS. Here I hace developed a stylish vertical popup menu with CSS and withou help of any JavaScript. The menu works superbly on all well known web browsers including the bad guy Internet Explorer. Have a look on how it works. Don't hesitate in writing me your queries.



Saturday, May 29, 2010

Jquery:Delete rows with animation effect

Jquery owes its popularity to its beauty as well as power. This tutorial shows a combination of both. Here I have shown how to delete the records of a table in a stylish way with help of Jquery. Just single line of code performs the trick. Checkout the live demo.... Please write to me in case you want a help on this topic.



Thursday, May 27, 2010

Update Facebook Status with PHP - Most Simple Script!

It would be so nice for a web developer if she could allow the users to let them update their Facebbok status from her website only. This tutorial helps you develop the similar script. It shopew how to update the facebook status using PHP from your website. Just checkout the live demo...
Tutorial borrowed from dave-earley.com




Wednesday, May 26, 2010

Identify KeyCodes with Jquery

Identifying the keyCodes of the keyboard can be extremely useful in situations like validating the input from users or making some special action an pressing a particular key. This tutorial shows you a simple way of identifying the keyCodes of the keyboard keys. Jusrt check out the live demo.



Saturday, May 22, 2010

Update Twitter Status with PHP - Most Simple Script!

Every web developer in this universe would like to have a Twitter application on his website. Here is the simplest possible PHP application that allows you to update your Twiter status from your webpage only. The script is extremely simple to use.
Before running the script you have to enable curl service in your PHP installation.



Thursday, May 20, 2010

Twitter like Login Box with Jquery & CSS

This tutorial shows a smarter way of dispalying login box in your web application. It is just similar to Twitter login box. The script is absolutely simple and easy to understand.
So enjoy the live demo...



Wednesday, May 19, 2010

Facebook/Twitter Like load more results with Jquery

Facebook/Twitter style 'LoadMore Results' applications are extremely useful in Web2.0 scenario. This technique saves a lot of bandwidth as well as loading time of the page. I have developed a simple script showing how to develop such an application.
View the live demo for watching it working!




Facebook Like Expanding TextBox with Jquery

Facebook like expanding textbox adds beauty as well as functionality to your web applications. But creating such a box is not that much easy for novice programmers. But if you try a bit then you will find that it can be created with a little trick. I have created such an expanding box for you.
The code is easy to understand. What I have done is I trapped the document.click() event. On this event I have determined the ID of the element on which click occured. If click occured on the textbox itself, just expand it without doing anything. If the click occured somewhere else on the page just animate the textbox to its previous dimensions.
Even if you find some problem in understanding this script, please write to me...
Now enjoy the live demo...



Tuesday, May 18, 2010

Sexy Drop-Down Menu with CSS

CSS can be really helpful if you know it well. You just need to explore its full power. After reading and watching this tutorial, you will have to admit that CSS is more powerful and elegant than it seems.
Here I have created an extremely sexy and beautiful drop down menu using CSS. No JavaScript code has been used. The code works on most of the known browsers including the bad guy IE. If you see any problem with IE(Internet Explorer), please inform me...
Now enjoy the live demo....


Live Demo Download Script

Sunday, May 16, 2010

Twitter style Flash message with Jquery

Twitter like styling applications are the most popular these days on the web. So lets try one of those. Here we will try to create the Twitter style flashing message. It hardly take 2 minutes to develop the script and thats too without any horrible prograaming.
Enjoy the live demo.



Live Demo Download Script

Facebook Style Toggle Comment Box with Jquery

This simple script shows how to implement Facebook style comment box. The comment box can be shown and hidden very easily and in a stylish way.
So check out the live demo...
Live Demo DownLoad Script

Thursday, May 13, 2010

Live Username Availability check with Jquery

Live username availability check is needed in almost every website allowing that allow a user to create an account, I have written a simple script that checks the availability of usernames as the user enters any key in the input box.
Main features of this script are:
1. Live username checking,

2. Invalid key safe (no invalid input is allowed),

3. Easy implementation.

So try the live demo and enjoy.

Don't hesitate to ask me your doubts...


Live Demo Download Script

Sunday, May 9, 2010

FaceBook Like Search-Box with Jquery

Well every web develepor strives for Facebook style elements in his application. So I prefer to write Facebook style scripts to help my readers. This time I have developed Facebook style search box using Jquery. This time I have put the element of JSON as a medium of data transfer between server and client. I have not used database in this script. But curious develepors can try it using database backend. The script also supports keyboard inputs like up and down arrows.
If you face any problem using this script, dont hesitate to write to me. I am always there to help you out...
Enjoy the live demo!


Live Demo Download Script

Saturday, May 8, 2010

Facebook Like ToolTip with Jquery

Here I have tried to create Facebook style tootip with the help of Jquery. I found it very easy to develop this script and only three functions did the job. One function calculates the positon of the tooltip, second one dissplays the tooltip and the third one hides it. The script is very simple and you will easily get through it.
Please write to me your suggestions or experience for this tutorial...



Live Demo  Download Script


Friday, May 7, 2010

FaceBook Like profile edit with Jquery

I have written this simple application for readers who want Facebook like profile edit option in their web pages. the script is very simple & easy to understand. it needs a basic knowledge of Jquery and PHP.
Please write to me if you have some suggestions or problems.....



Live Demo  Download Script

Tuesday, May 4, 2010

Text style-switcher with Jquery

This tutorial shows some basic functions and structures of Jquery. Jquery can be extremely helpful in a number of situations as shown in this tutorial.
The simple text formatting script shows how to change the font style, family, text decoration and other basic CSS styles on the fly with Jquery.
Explanation of the Jquery code has been provided in form of comments above each line. If you have any question or suggestion, please write to me or post a comment.
I will be glad to listen from you....
Don't forget to enjoy the live demo ;)


     Live Demo     

     Download Script     


Sunday, May 2, 2010

FaceBook Like comment post with Jquery

This tutorial shows how to create a facebook like comment post script with Jquery. I have used tables as HTML markup because I think that tables are much more easier to handle than divs.
But you can use divs as well. The tutorial shows the basic Jquery code to post and delete the comments. For simplicity I have excluded the PHP back-end because it is easy to write and users can easily create the PHP script for entering the values in database.
Please write to me of you have you have any suggestions or any questions. Feel free to ask anything....


------------------------------------Live Demo------------------------------------


------------------------------------Download Script------------------------------------