How to use AJAX in WordPress theme

Now these days AJAX become more popular to create dynamic, user-friendly and responsive websites. AJAX is the technology to send and receive data with reload the page in web browser. One of the great example you can see in Google DOCS, that saving your work in few minutes or you can see instant image upload.

What is AJAX?

If still you are not familiar with AJAX then we suggest you to read about AJAX on Wikipedia. Or you can use AJAX with jQuery, one of the most popular JavaScript Library. AJAX is the combination of HTML, CSS and JavaScript code that helped you to send data to the particular file and receive the response from that file without refreshing the browser or page.
Read More

Make effective CSS3 animation

Now these days one of the talked about feature of modern browsers is CSS3, you can create lots of cool and impressive stuff with the help of CSS3 and if we talking about animation, then you don’t have to use JavaScript to create animation of your DOM element. CSS3 has some overbearing properties that provide smooth animation.

css3-browsers-supports

This is a small example of CSS3 animation, hope you guys enjoying it. So what we have to do, first we have to prepare our DOM elements, take a look on blow example:
Read More

How to installing PEAR on WAMP

In PHP, PEAR stands for PHP Extension and Application Repository. Recently i has been installed PEAR on WAMP(Windows Apache MySql PHP) machine in window 7. I am using two versions of PHP in my local wamp machine that is PHP5.2.9 and PHP5.3.10. I installed pear with PHP5.2.9, and also you can depends on you PHP version.

What have to do to install PEAR?

First of all you have to download http://pear.php.net/go-pear.phar file, and put this file into your PHP directory. I installed my wamp on “D:\” drive, and by default it is installing on “C:\” drive so please make sure about the location of your WAMP machine, and the go-pear.phar file should go like “D:\wamp\bin\php\php5.2.9\go-pear.phar”.
Read More

Create simple and effective toolbar with Toolbar.js

Today’s we are talking about a simple but effect jQuery plugin: toolbar.js; This plugin helps you to quickly create a tooltip style toolbar for your web application or website; toolbar.js is using twitter bootstrap icons to display toolbar icons which is cross-browser compatible as well.

How to user toolbar.js?

It is very easy to implement into your web application, take a look on the HTML code:

toolbar.js
Read More

How to Use WordPress Uploader into your theme

When we develop a WordPress Theme for our clients then it would be great to customize all the website design according to clients requirement. In this article, we are talking about WordPress Uploader, one of the good feature of WordPress. This media uploader helps you to re-size your uploaded images, and even more useful features to increase your productivity to finish a task.


Read More

How to make Responsive Images CSS

Responsive images is a interesting topic and one that’s been progressively gaining attention over the last year; as more designer’s discover to get perfect solution for their designs. Responsive images are a minor part of the approachable design methodology, which aims to adapt a website so it works optimally within known environmental constraints like display dimensions etc.

CSS controls the presentational features of web pages and is prepared with MEDIA QUERIES to act as environment sensors. We can then write rules to adjust the pictorial design according to the results of each environment test. Here we are not talking about MEDIA QUERIES, we are talking about to adjust images for different views and layout. But before talking about responsive images let we talk about theviewportmeta tag.

Why we use viewport meta tag?

We are usingviewportmeta tag to control the mobile browsers. The meta tag for the mobile browsers is like:
Read More