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 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

How to display Twitter followers on Website

If we talking about Social Network then Google+, Facebook and Twitter are the biggest giant in this field. Let’s talking about Twitter. One of the best way to convey your message to your friends and followers. Twitter also help to increase your traffic on your website or blog. If you notice in most of the websites; people likes to display twitter followers on websites. That also impact to the visitor.

Read More